{"id":23734,"date":"2024-04-11T21:18:22","date_gmt":"2024-04-11T21:18:22","guid":{"rendered":"https:\/\/afreeurl.com\/?p=23734"},"modified":"2024-04-11T21:18:25","modified_gmt":"2024-04-11T21:18:25","slug":"wordpress-releases-performance-plugin-for-near-instant-load-times","status":"publish","type":"post","link":"https:\/\/afreeurl.com\/?p=23734","title":{"rendered":"WordPress Releases Performance Plugin for &#8216;Near Instant Load Times&#8217;"},"content":{"rendered":"<p><\/p>\n<p>WordPress released an official plugin that adds support for a cutting-edge technology called speculative loading that can help increase site performance and improve the user experience for site visitors.<\/p>\n<h2>Speculative charge<\/h2>\n<p>Speculative loading is a technique that fetches pages or resources before a user clicks a link to navigate to another web page.<\/p>\n<p><strong>The official WordPress page about this new functionality describes it:<\/strong><\/p>\n<p>&#8220;The Speculation Rules API is a new web API&#8230; Allows you to define rules to dynamically fetch and\/or pre-render URLs of a given structure based on user interaction, in JSON syntax, or in other words, speculatively preload those URLs before browsing.<\/p>\n<p>This API can be used, for example, to pre-render links on a page whenever the user hovers over them.  Also, with the Speculation Rules API, &#8220;prerender&#8221; actually means to pre-render the entire page, including the JavaScript execution.  This can result in near-instant load times once the user clicks the link, as the page would likely have already loaded in its entirety.  However, this is only one of the possible configurations.&#8221;<\/p>\n<p>The new WordPress plugin adds support for the Speculation Rules API.  Mozilla&#8217;s developer pages, a great resource for technical understanding of HTML, describe it this way:<\/p>\n<p>&#8220;The Speculation Rules API is designed to improve performance for future browsing. It targets document URLs rather than specific resource files, so it makes sense for multi-page applications (MPAs) in Single Page Application (SPA) site.<\/p>\n<p>The Speculation Rules API provides an alternative to the available extension <link rel=\u201dprefetch\u201d> and is designed to replace the deprecated one for Chrome only <link rel=\u201dprerender\u201d> characteristic  It provides many improvements over these technologies, along with a more expressive and configurable syntax for specifying which documents should be retrieved or pre-rendered.&#8221;<\/p>\n<h2>Performance Lab plugin<\/h2>\n<p>The new plugin was developed by the official WordPress performance team, which occasionally releases new plugins for users to test before possible inclusion in the actual WordPress core.  So it&#8217;s a good opportunity to be the first to try new performance technologies.<\/p>\n<p>The new WordPress plugin is configured by default to pre-render \u201cWordPress Interface URLs\u201d which are pages, posts and archive pages.  Its operation can be adjusted in the settings:<\/p>\n<p>Settings > Reading > Speculative Loading<\/p>\n<h2>Browser compatibility<\/h2>\n<p>Chrome 108 supports the Speculative API, but the specific rules used by the new plugin require Chrome 121 or higher.  Chrome 121 was released in early 2024.<\/p>\n<p>Non-supporting browsers will simply ignore the plugin and have no effect on the user experience.<\/p>\n<p>Check out the new Speculative Loading WordPress plugin developed by the official WordPress Core Performance Team.<\/p>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/speculation-rules\/\" target=\"_blank\" rel=\"noopener\">Speculative loading by the WordPress performance team<\/a><\/p>\n<p>[ad_2]<br \/>\n<br \/><a href=\"https:\/\/www.searchenginejournal.com\/wordpress-releases-a-performance-plugin-for-near-instant-load-times\/513744\/\" target=\"_blank\" rel=\"noopener\">Source link <\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>WordPress released an official plugin that adds support for a cutting-edge technology called speculative loading that can help increase site performance and improve the user experience for site visitors. Speculative charge Speculative loading is a technique that fetches pages or resources before a user clicks a link to navigate to another web page. The official WordPress page about this new functionality describes it: &#8220;The Speculation Rules API is a new web API&#8230; Allows you to&#8230; <\/p>\n","protected":false},"author":1,"featured_media":23735,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-23734","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-seo-news"],"_links":{"self":[{"href":"https:\/\/afreeurl.com\/index.php?rest_route=\/wp\/v2\/posts\/23734","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/afreeurl.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/afreeurl.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/afreeurl.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/afreeurl.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=23734"}],"version-history":[{"count":1,"href":"https:\/\/afreeurl.com\/index.php?rest_route=\/wp\/v2\/posts\/23734\/revisions"}],"predecessor-version":[{"id":23736,"href":"https:\/\/afreeurl.com\/index.php?rest_route=\/wp\/v2\/posts\/23734\/revisions\/23736"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/afreeurl.com\/index.php?rest_route=\/wp\/v2\/media\/23735"}],"wp:attachment":[{"href":"https:\/\/afreeurl.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=23734"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/afreeurl.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=23734"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/afreeurl.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=23734"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}