Awesome Tips Series about Blogger
Remove Unwanted Elements in Blogger to Boost Performance
To improve the performance (page load speed) of the blogger, we can remove all elements we don’t want like: Attribution, Header, Navbar and etc.
Remove Attribution and Header
- Change locked to false in Edit HTML
- By default we can’t remove Attribution and Header widget in Layout, as they are locked. So the first step is go to Theme -> Edit HTML, then in the Jump to widget, select Attribution1, change locked to false:
<b:widget id='Attribution1' locked='true' title='' type='Attribution'>
- Now we can go to Layout and remove them.
Remove Navbar
We can turn the Navbar off in Layout. Blogger will not load Navbar related code at all.
Bonus
Minify CSS and HTML
To reduce the page size, we can use the following tools to minify HTML and CSS. - Minify your HTML - Minify your JavaScript - Online Html Minifier - Minify HTML and any CSS or JS included in your markup - Not always work - Command Line: HTML Minifier
Speed Test
- Page Speed
- both mobile and desktop test results
- Pingdom Website Speed Test
