Connect With US

October 27, 2019

Top 18 Secrets to boost your Blogger blog speed Super Fast

Advertisements




Follow These Top 18 Secret Steps to boost your Blogger blog speed Super Fast

1. Remove default Widgets, JavaScript from Blogger

2. Remove the unwanted default CSS files

(a) Search For the tags:
<b:skin><![CDATA[
Code of Lines...........
...................................
]]></b:skin>

(b). Now Cut All your CSS codes' and paste that code inside Style Like below

<style type='text/css'>
Code of Lines...........
...................................
</style>

(c). And now place that code in your template as:
<b:skin><![CDATA[
]]></b:skin>

<style type='text/css'>
Code of Lines...........
...................................
</style>

(d). Replace following code
<b:skin><![CDATA[

]]></b:skin>

with:

&lt;style type=&quot;text/css&quot;&gt;
&lt;!-- /*
<b:skin><![CDATA[*/]]></b:skin>
(e). Now your new code will looks like below. And make sure it should be there before </head> tag.
&lt;style type=&quot;text/css&quot;&gt;
&lt;!-- /*
<b:skin><![CDATA[*/]]></b:skin>

<style type='text/css'>
All your CSS codes
</style>


(3). Remove Default Blogger widgets.js

Performing Above Steps The Default CSS files has been removed but .js files are still present there in Your Theme . To Remove That ...

Find:  </body>

And replace it with following code:
&lt;!--</body>--&gt; &lt;/body&gt;

4. Remove Extra Unwanted Widgets

5. Use a Better and Liightweight blogger Template

6. Optimize images

7. Use  content delivery network (CDNs)

8. Remove background images

9. Avoid too many ads

11. Don't use Custom fonts

12. Compress all images

13. Limit number of posts on blogger homepage

14. Compress codes

15. How to test your blog’s speed

16. Use social images instead of buttons

17. Remove quickedit Blogger icons from loading

18. Eliminate render blocking Javascripts and CSS

Follow these Steps to remove the render blocking elements?

It can be done using a synchronous loading. You can Apply Asynchronous Loading in javascript code by putting tag async.

You can find Javascripts like below which has the following syntax.

<script src="Address" type="text/javascript"></script>

So to  load  Fast, All Script files must be loaded as Async and To do that,  load script files async like following syntax.

<script src="Address" type="text/javascript" async></script>




Share This Post To Social Network





Related:

  • Add jQuery Lazy Load in Blogger to Boost Your Blog Speeed Follow these steps to increase your Blogger Website Speedup with Image Lazy Loading ScriptYow Can see the instant effect after implementing this jQuery Code in Your Template.1. Go to your www.blogger.com 2. Select your blog in which you want to fix a value for the name field is required 3… Read More
  • How to display Legal Sticky Footer, Left & Right AdSense Ads in Blogger?Hello Every One , Welcome to My Blog www.MohammadSuhail.ComHaving a google Adsense Account may be a typical task for you nowadays. But making money through google adsense may be more than it . If you are having google adsense Adsense account , you are lucky one. Many of them is complaining that they not making goo… Read More
  • How To Add Each Blogger Post in Separate Boxes To Add Each Blogger Post in Separate Boxex , you can do it very easily. You will have to perform following steps  and by doing these steps each blog post will show up in seprate box on homepage of your blog. 1. Go to Blogger  >> Theme  >> Edit HTML 2. Click anywhere in the HTML codes and P… Read More
  • Follow just 7 Steps to add SubDomain in blogger with Godaddy 1. Fisrt you have to loging on your godaddy account.  2. Click Manage >> DNS 3. On DNS Management You have to add a CNAME Record with wild card entry (*) 4. Now go to your blogger account and Create a new blog or select an old blog on which you want add to add subdomain 5. Go … Read More
  • How to start writing post on blogger blog 1. writing a Post on Blogger is very easy. you just simply follow the following steps in picture bellow first open your blog on blogger.   Click on the Posts after that click New post  Now  1. write the title of the Post 2. Write the Content of the post in Post area . 3.Insert the break … Read More
  • Top 18 Secrets to boost your Blogger blog speed Super Fast Follow These Top 18 Secret Steps to boost your Blogger blog speed Super Fast 1. Remove default Widgets, JavaScript from Blogger 2. Remove the unwanted default CSS files (a) Search For the tags: <b:skin><![CDATA[ Code of Lines........... ................................... ]]></b:skin> (b… Read More
  • Guide to Add Related Posts Widget with Thumbnails to Blogger1. Go to your www.blogger.com 2. Select your blog in which you want to fix a value for the name field is required 3. Click on Theme from Left Menu.4. Click on Arrow my theme like bellow.5. Click on Backup/Restore your template before doing any Changes.6. Click on Arrow my theme on Again and click to… Read More
  • [Fixed] Blogger Favicon not Updating | Blogger Favicon Not Working [Fixed] Blogger Favicon not Updating  Favicon is a small icon file show in tab bar of the respective blog near your title. You can upload your own Favicon image from the Layout tab in your Blogger Dashboard. Uploading your Favicon To upload your own Favicon image Step 1. Go to Blogger www.blogger.com St… Read More
  • Remove Links from Header and Post Title in Blogger Follow These Steps To Remove Header Link 1. Go to Blogger >>Theme >> Edit HTML 2. Click anywhere in the HTML codes and Press Ctrl+F    3. Now search for below  code of lines <div class='titlewrapper'>   <h1 class='title'>   <b:if cond='data:blog.url == … Read More
  • How to Increase / Decrease font size in blogger PostsIf you want to change, Sometimes you need to Increase or Decrease font size in blogger posts in order to user experience. Follow the following steps.1. Go to your www.blogger.com 2. Select your blog in which you want to fix a value for the name field is required 3. Click on Theme from Left Menu.4. C… Read More
  • How to Add Fixed Responsive Floating AdSense Box In Your Blog Footer [Blogger]These are the Steps by which you can use and  Add  Fixed Responsive Floating AdSense Box In your blogger footer Area.1. Go to your www.blogger.com 2. Select your blog in which you want to Open all Internal or External Links in New Tab3. Click on Theme from Left Menu.4. Click on Backup/Rest… Read More
  • Steps to add Author Box Below Each Post in Blogger [Blogspot]1. Go to your www.blogger.com 2. Select your blog in which you want to  add Author Box Below Each Post3. Click on Theme from Left Menu.4. Click on Arrow my theme like bellow.5. Click on Backup/Restore your template before doing any Changes.6. Click on Arrow my theme on Again and click Edit HTML… Read More
  • Basic Blogger Settings After creating a blog [Read => How to create/start a blog using blogspot Blogger] on blogger you need to do basic blogger setting . If you are a beginner, then this post wiil be very helpful in  configuring basic Blogger settings . Configuring basic Blogger settings is not a tidious task, Anyone who dont know… Read More
  • How to Add Breadcrumbs Navigation in Blogger 1. Go to Blogger >>Theme >> Edit HTML 2. Click anywhere in the HTML codes and Press Ctrl+F    3. Now search for <div class='blog-posts hfeed'> code line 4. Paste below codes just after the <div class='blog-posts hfeed'> code line <b:if cond='data:blog.homepageUrl != data:blog.u… Read More
  • Search Preference Setting in blogger Enable Search Preference Setting: Steps to enable search preference setting in your blogger account. 1. Go at blogger.com and Log in your blogger acccount. 2. Select Blog a blog in which you want to enable your search preference setting.  3. Now Click on Setting > Search Preference in Sear… Read More
  • [Blogger] Way to Open all Internal or External Links in New Tab Below are the Quick Steps to open all Internal or External Links in New Tab 1. Go to your www.blogger.com  2. Select your blog in which you want to Open all Internal or External Links in New Tab 3. Click on Theme from Left Menu 4. Click on Backup/Restore your template before doing any Ch… Read More
  • [Fixed] A value for the name field is required in Bloggerif you are getting an error  "A value for the name field is required" in Blogger, you can Fix here A value for the name field is required in Blogger easily by following steps.1. Go to your www.blogger.com 2. Select your blog in which you want to fix a value for the name field is required 3. Cli… Read More
  • Change Post Title Font, Size and Color in Blogger 1. First Login in your blogger Account & Select Your Blog. 2. Go to Blogger  >> Theme  >> Edit HTML 3. Remove Code Like Below...... .post-title, .post h3{ Code of Lines.... ........................... } .post h3 a, .post h3 a:visited, .post h3 strong { Code of Lines..... ....................… Read More
  • [FeedBurner Fix] "The feed does not have subscriptions by email enabled" If you get the FeedBurner error message like this, this means that you need to enable the subscription by email option from your FeedBurner account settings. Follow These Steps to fix it: Step 1. Login at https://feedburner.google.com/ and select your feed. Step 2. Go to the "Publicize" tab: Step… Read More
  • How to create/start a blog using blogger blogspot If  you are planning to make to make a blog on blogger, it is a good idea . you can not only share the things on blogger , but also you can  make a good income. Blogger is good place for you to make a blog . Blogger is an online service that provided  by Google. The service has quickly become the … Read More
  • 5 Simple Steps To Add Blogger Custom Domain With GoDaddy in 2020-21 First Go to www.blogger.com Login into your Blogger Account ⇢ Go to your blog ⇢ Settings ⇢ Click on "Basic" ⇢ Visit "Publishing" Section  Now Click on Set up a third-party URL for your blog   ⇢ and type 'www.YourdomainName.Com' (you… Read More
  • How to fixup / remove error Normal 0 false false false false EN-US X-NONE HI MicrosoftInternetExplorer4 ... in blogger post Usually we see when we post on blogger, sometime we get error [ Normal 0 false false false false EN-US X-NONE HI MicrosoftInternetExplorer4 ...  ] in blogger post instead of blog post  summary detail. Here i am going to tell you How to fixup / remove error [ Normal 0 false false false false EN-US X… Read More
  • How to Show widget only on homepage in blogger1. Go to your www.blogger.com 2. Select your blog in which you want to fix a value for the name field is required 3. Click on Theme from Left Menu.4. Click on Arrow my theme like bellow.5. Click on Backup/Restore your template before doing any Changes.6. Click on Arrow my theme on Again and click to… Read More
  • Easy Way to Remove Read More or Jump Break Link in Blogger Hello Blogger Blogspot Guys, Do you not like Read More.. option in your blogger blogspot blog.   You are trying and want to remove Remove Read More... or Jump Break Link from your Blogspot . It is very easy to do so. you might  face a problem while directly remove the read more link in default Blogge… Read More

0 Comments:

Post a Comment