Enable Preload Function on Blogger Blogs rel='preload'

 




The preload or pre-order function is similar to the feature that temporarily loads web pages before you visit them that you may visit and this process may contribute to speeding up the site so speed check tools recommend enabling this feature on some tools such as basic tools in your blog for example Related articles. And extensions that need a .js or .css file hosted on other sites so that the browser can cache it therefore when the user browses other pages on your site, he will not need to download them again or fetch them from the source because they are temporarily loaded on the browser (cache or cache files) This will enhance the speed of browsing the site. Preloading can be easily enabled on Blogger by adding code for preloading feed files, .js, and .css files. images and documents by adding the  rel='preload' code to each item on your blog.


After my experience in trying to speed up the blog, I requested the PageSpeed ​​Insights tool to use this feature on some files, and after enabling it, the method succeeded and provided a speed of up to 94% on desktop computers, but on mobile devices, it did not give the desired result, but using this method and other methods that I shared with you Recently, you will find the links below the article that will contribute to boosting the speed of your blog on Blogger if applied correctly, as the speed of web pages has become an important role in ranking search results in the Google search engine. To enable the function of preloading your log files, you must add the code rel='preload' to all .js, .css, and feed files, which comes in the form:


<script rel='preload' src='/feeds/posts/default?published&alt=json-in-script& callback=Sliderthumbs' type='text/javascript'/>



Or Facebook, ajax, and, font files


<!-- rel='preload' by NiaDzgn.blogspot.com -->
<script async='async' rel='preload' src='https://connect.facebook.net/ar_EN/all.js#xfbml=1'/>

<script async='async' rel='preload' src='https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js' type='text/javascript'/>

<link rel="preload" href="/assets/font.woff2" as="font" type="font/woff2">

<link rel="preload" href="/style/other.css" as="style">

<link rel="preload" href="//example.com/resource" as="fetch" crossorigin>

<link rel="preload" href="https://fonts.example.com/font.woff2" as="font" crossorigin type="font/woff2">



It does not have to come with the same files, different other versions may differ from one blog to another. If you want to search for these codes, look for part of them.


You can read more about preloading features here. Best ways to speed up blogger blogs:




Post a Comment

To Top