![]() And the third was for Spotlight, which we use as a video player. The second for Convertbox, which we use to capture emails. The first was for Chatra, our live chat widget. Remove unused JavaScript – PageSpeed Insights When I clicked to read more about removing unused JavaScript, Google highlighted three JavaScript files to pay attention to. Interestingly, the fix for deferring offscreen images and removing unused JavaScript was the same. Eliminate-render blocking resources (which WP Rocket would take care of).Google also flagged three opportunities with red triangles, which indicated these were the highest priority for fixing. The PageSpeed Insights mobile score needs improvements Google highlighted “red triangles” for Largest Contentful Paint, Time to Interactive, and Total Blocking Time. Its Google Page Speed mobile score was an understated 37%. However, it was WP Rocket’s “File optimization” features that made the most significant impact.īut first, let’s review how Tribe SEO’s homepage performed without WP Rocket installed. Out of the box, it offers great features like the page and browser caching, as well as GZIP compression, to name a few. Milestone #2: Install a Page Speed PluginĪfter trying several WordPress page speed plugins, I decided on WP Rocket because not only did it generate the best page speed scores, it was easy to use and had excellent compatibility with our website setup. For example, WP Fluent Forms is very small in file size. ![]() We were also careful in choosing bloat-free plugins. On top of that, Oxygen Builder acts as both a theme and a page builder, so it outputs very lean code, and it can be more accurately described as a site builder.īecause of the lean code and supportive FaceBook community, Tribe SEO picked Oxygen Builder to help develop our new site. In contrast, Oxygen generates no unnecessary divs. Other builders create large numbers of nested divs for simple content elements like H1 headings, which adds to the code bloat. Oxygen Builder also creates very clean HTML code. That’s because Oxygen Builder is built on the premise of only loading what is needed and when it’s needed. It’s around 4% of the total size when compared to Elementor Pro and 2% when compared to Brizy Pro. It’s clear to see Oxygen Builder has the leanest CSS and JavaScript code. So, of the three, Elementor Pro has the smallest file size, so the leanest code.īut it’s by no means the leanest of all page builders because WP Bakery, Beaver Builder, and Oxygen Builder have smaller file sizes of 494 KB, 59 KB, and 34 KB, respectively. If we look at the default installations for three popular page builders, we can see the combined JavaScript and CSS file size for Brizy Pro, Divi Builder, and Elementor Pro are 1624 KB, 1243 KB, and 966 KB, respectively. To help illustrate this, here are some stats supplied by Oxygen4fun. This results in bloated code and slower page speed times. Many of these additional scripts are unnecessary in how you want your pages to look and function. This results in many more scripts being processed–both server-side like PHP and MySQL and browser-side, like JavaScript and CSS.īut here’s the thing. However, a typical WordPress site will use a theme, plenty of plugins, and sometimes a page builder. Whether you realize it or not, your web pages are made up of a series of scripts that affect your site’s page speed.įor the simplest WordPress sites, PHP and MySQL scripts are run whenever a user requests a webpage from the server. ![]() That’s pretty typical, as you’ll often see some variations when running page speed tests. As of this publishing of this post, the Tribe SEO homepage scores a 100% Google PageSpeed mobile score around half the time. ![]() Now, before we jump in, a bit of a disclaimer. I’ll break down all the obstacles that were overcome and into five key milestones that made us score 100% Google Page Speed mobile score: So, if you want to rank higher on Google, offer a great user experience for your visitors, and ace Google’s PageSpeed Insights test, you’re in the right place. Well, in this post, I’ll show you the exact steps Tribe SEO took to move from a 37% Google PageSpeed mobile score right up to a perfect 100%. Are you wondering how to make your web pages load as quickly as possible? ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |