Score a Perfect 100% on Google PageSpeed Insights
By SEO, SEO Strategies for B2B Companies, SEO trends
In one of our previous blog posts, we have discussed the latest trends in SEO and how you can increase your online traffic and rankings. Regardless of the industry, a business is in, companies want to improve their profits at the end of the day, and since most of the shopping is done online, a perfect SEO score is crucial. However, achieving that is easier said than done since Google has announced several other algorithm changes. Furthermore, your website needs to be optimized for desktop, but now, it needs to be optimized for mobile as well. Additionally, it needs to be lightning-fast on both desktop and mobile, which means there are several things to look out for, which we will discuss further in this blog.
The loading speed of your website is one of the essential parts of your SEO. One way to check and improve page speed is by using Google PageSpeed Insights. There’s no question that this tool is helpful for web admins, site owners, and developers. The Bounce Rate and how long your audience is staying on your website matter a lot among numerous ranking factors.
In today’s blog post, we’ll give you some insights into what to look out for to score a perfect 100 on Google PageSpeed Insights, and what different things mean from its recommendations page, and precisely some tips and tricks to help you achieve that number.
Google PageSpeed Insights
Google PageSpeed Insights consists of two parts: desktop and mobile. It is a performance index of your webpage which, after analyzing it, gives you suggestions based on several parameters, detailed below.
First Contentful Paint
According to its definition, this represents just how quickly your web page's content shows up on the page. Google has pointed out that an FCP of 0.9 seconds or less can lead to a good user experience.
Largest Contentful Paint
This represents how quickly your web page's most prominent image, text, or video shows up on the viewport. The viewport is the part of the website that a reader can see on the screen without scrolling. According to Google, an LCP that takes 1.2 seconds or less to load can lead to a good user experience. In some cases, the FCP and LCP are the same.
Speed Index
This part represents how quickly your webpage's contents are visibly populated. Often, SI can sound pretty similar to FCP or LCP, but it isn't. However, it depends on browser viewport size, but it doesn't indicate a milestone in the web page's loading time. To measure that, the tool uses a frame-by-frame analysis of the loading behavior of the page and eventually reflects the visitor's page experience. A good user experience is when the Speed Index is 1.3 seconds or less.
Time to Interactive
Just because the FCP or the LCP have occurred, it doesn’t mean that your webpage becomes fully interactive. TTI represents the time when the browser becomes capable of responding to the inputs from the user on that webpage. In simple terms, even if a web page has been rendered, that doesn’t necessarily mean that it will be responsive if you click on a specific part of it. For a good user experience, Google recommends that TTI should be 2.5 seconds or less.
Total Blocking Time
This represents the total amount of the website that was blocked from reacting to user inputs. In this case, the problem might be coming from CSS or JavaScript, or any other form of script. However, Render-blocking CSS or JS is often the primary culprit for increasing TBT.
A browser typically uses the main thread to code HTML, construct DOM, execute CSS and JS, process user events, and perform several other essential tasks. If any of the mentioned tasks run for more than 50 milliseconds, it is called a Long Task. The browser cannot interfere when a Long Task runs, and the main thread is considered blocked. At this point, Google recommends that the TBT should be 150 milliseconds or less.
Cumulative Layout Shift
Simply put, this part refers to the unexpected shifts in the layout of the web elements during a webpage’s rendering. All layout shifts happen as an aggregate score. An excellent example of CLS is when you try to click on something, and that button unexpectedly shifts to a different location. The result is a misplaced click.
One thing to look out for is to pay attention to what causes CLS since web admins can deliberately generate it to earn from misplaced clicks. Additionally, CLS can be caused by many factors like the lazy loading of images or ads. CLS can lead to a terrible user experience, and Google recommends having it as low as possible. According to best practices, CLS should not have a score of any more than 0.1.
How to Improve Page Speed
Contrary to popular belief, the real purpose of testing your web page performance is not to achieve a high score but to find problem spots that you can further optimize. This will not only improve your web page but will also decrease your actual and perceived loading times. We will dive into more details in the following sections on what and how you can do to improve your rank.
Image Modification
Media files could become a drag on your webpage performance. Sizing them is an integral part of keeping your loading time low. If your images are larger than they need to be, you should use CSS to resize them appropriately. A first tip here would be to either upload the photos at the proper sizes in the initial phase or create different-sized images for various devices.
You can do this by using the secret attribute, which is added to <img> tags to specify alternative image files at different sizes. Thus, browsers can determine which option is the best for the screen and deliver the appropriate image depending on the device used.
Deferring offscreen images is another way to optimize visuals. This process is commonly known as “lazy loading.” At this point, instead of making the browser load every image on a page before displaying above-the-fold content, it will only load the immediately visible ones. By lowering the time needed to load the page, you allow your webpage to improve its performance. Google recommends using this method by using specific plugins designed explicitly for lazy loading.
There’s no question that images have a significant impact on your website’s performance. Another optimization method is to consider compression, which we’ll discuss later in this blog post. Compression, which can be done using several plugins, is also the primary method for following Google’s recommendation to encode images. In addition to designing the images specifically for different screen sizes or devices, compressing them, and using plugins, there is something else you can do to make your webpage load quicker: deliver images in next-generation formats. Instead of using .png or .jpeg, use WebP images. Even if that might be difficult, some plugins offer automatic conversion to this format.
CSS and JavaScript Render Blocking
Any code that has to be loaded for your webpage to become visible to users is regarded as content. If extra CSS on your site is not useful, it puts excess weight on the performance. Google recommends cutting out any unnecessary CSS by inlining or deferring styles in whichever way makes the most sense for your pages. Luckily, there are several tools to identify and cut out any unused CSS.
The first one is to define what parts of the CSS and JavaScript files are critical for rendering. After doing this, you need to load those parts to the <head> element of HTML by inlining them within the <style> and <script> tags. The second step is to defer loading or asynchronous loading of non-critical elements. An example of this will be if you use popups. They appear after a short time when a user enters your page. At this point, you should separate the CSS and JS for it in a different file using a specific code. The method is much simpler for JavaScript files and adds defer or async attributes to the <script> tags. As a general recommendation, both of these techniques should be implemented by a skilled developer.
Compression
Enabling compression gives you the ability to provide access to anyone who wants to edit the files you have in your server setting. Whether it’s image or text compression, your page speed will improve dramatically. However, it’s a bit more technical, and for doing this, you’ll need an excellent technical support team.
The Google PageSpeed Insights Enable text compression recommendation refers directly to a GZIP compression when testing your website. Even if, in some cases, this is done automatically on your server, you need to follow several steps to implement this. Additionally, there are multiple options to choose from.
The first one is to install a plugin with a GZIP compression feature. There are several providers, but it all depends on how much you are willing to invest in this. Although there are multiple choices, you can compress your text manually. For this, you’ll need access to the .htaccess file for further editing. This is risky, so make sure you have proper backups on hand.
After implementing the GZIP compression, make sure to check whether it has been successful or not.
Server Response Time
Another critical aspect in scoring a perfect 100% on Google is passing the server response time. The benchmark here is 0.2 seconds, and anything above that will only lower your score. Switching off any unnecessary services running on the server to help increase speed does not necessarily mean a significant improvement. The question remains: What can I do to reduce the server response time?
For starters, try switching to PHP 7. However, make sure that your host provider supports PHP 7, as not many do. Before making the switch, check whether your website is compatible with it. You can do this by adding a PHP compatibility checker that scans your code and identifies anything that might interfere with PHP 7.
After making sure that you can make the switch from WHM, you have to access the “Multi PHP Manager,” select the page you want, and change the PHP version. Should you have trouble accessing it, ask your server admins, and most importantly, make sure that you’re doing the switch in a test environment first.
Secondly, use a Content Delivery Network(CDN). It can help reduce the server response time and server-status resources of your website from servers around the world, thereby speeding up your website. But what does a CDN do? A CDN will make copies of your webpage’s status files, including CSS, images, HTML files, and keep them stored in servers all around the globe. Then, when a user requests your website, the CDN will serve the cached files from the server closest to that user.
Minify
Most of the time, CSS files used in a specific webpage are larger than they need to be. They include various carriage returns and spaces that aren’t necessary for computers to understand their contents. One way to speed up your loading time is to minify your CSS and JavaScript files. This process requires condensing your files by eliminating unnecessary characters, spaces, and duplications.
Numerous plugins deal with JavaScript and CSS files minifying if you don’t have a technically advanced team to take care of this. The configuration takes a long time as whoever is doing it has to move scripts around while it checks whether the site functions correctly. After each script, a test run is required.
Plugins
While making changes to the website requires a lot of time and work to be put in place, try to use as few plugins as possible. Some CMS platforms offer many plugins to ease your work, but at the same time, using more means a slower loading time. If that is not an option, make sure that you only keep the necessary ones up and running for a smooth and fast user experience.
Conclusion
As you can see above, there are many things to consider when optimizing your web page for speed. Unfortunately, some of these aspects are often overlooked, which is why SEO is becoming a challenge for many companies. Of course, having a perfect 100% on Google PageSpeed Insights is ideal, but the idea is not to focus on achieving that but tweaking your website to improve it to a point where a faster loading time comes naturally.
NNC Services is a HubSpot Platinum Partner and offers a wide variety of services. SEO optimization is one of the critical services that NNC Services provides for its clients. In the meantime, read our blog and get in touch with us for more information on how we can help you.
Latest Posts
Categories
- B2B Marketing (191)
- blog (147)
- Social media marketing (69)
- social media (53)
- Marketing (42)
- Digital Marketing (41)
- Lead Generation (39)
- Marketing Strategy (34)
- Lead Generation (33)
- B2B (27)
- Press releases (27)
- Behind the Scenes (26)
- marketing automation (26)
- Content Marketing (24)
- Marketing (21)
- Strategy (21)
- b2b tactics (19)
- b2b business objectives (17)
- online marketing (17)
- SEO (16)
- AI Marketing (15)
- content marketing (15)
- AI (14)
- Business continuity (14)
- google ads (14)
- B2B Campaigns (13)
- B2B business (13)
- PR Communication (13)
- b2b lead generation (13)
- B2B Blogging (12)
- Business Growth (12)
- PPC (12)
- b2b strategy (12)
- Marketing News (11)
- Marketing Planning (11)
- marketing tips (11)
- B2B PPC Campaign (10)
- Conversion Rate (10)
- Employer Branding (10)
- Marketing Automation Tool (10)
- Social Media Strategy (10)
- White papers (9)
- artificial intelligence marketing (9)
- b2b social media (9)
- inbound marketing (9)
- B2B companies (8)
- B2B email marketing (8)
- Fractional CMO (8)
- Twitter (8)
- crisis management (8)
- marketing automation for B2B businesses (8)
- online PR (8)
- ABM Strategy (7)
- E-books (7)
- Email Marketing (7)
- Facebook (7)
- HubSpot (7)
- Pinterest (7)
- SEO trends (7)
- b2b sales (7)
- content strategy (7)
- marketing plan (7)
- social networks (7)
- Business Development (6)
- Lead Generation Trends (6)
- Marketing Trends (6)
- SEO Strategies for B2B Companies (6)
- Webinar Recording (6)
- artificial intelligence (6)
- marketing objectives in b2b (6)
- sales prospecting (6)
- social media marketing campaign (6)
- social media trends (6)
- technology marketing (6)
- CMO (5)
- Digital Transformation (5)
- Events (5)
- Facebook page (5)
- Google AdWords (5)
- IT (5)
- Instagram (5)
- KPI measurements (5)
- Landing Page (5)
- Marketing Management (5)
- automated marketing (5)
- b2b best practices (5)
- b2b prospecting (5)
- b2b strategies (5)
- digital communication strategy (5)
- internationalisation (5)
- marketing automation systems (5)
- trends (5)
- B2B marketing campaigns (4)
- B2B marketing inbound (4)
- Cost per Lead (4)
- Digital Influence (4)
- HubSpot Certified Agency (4)
- LinkedIn (4)
- LinkedIn marketing strategy (4)
- NNC Services (4)
- Paid Advertising (4)
- Tech Startup (4)
- Tech Startup Marketing Strategy (4)
- Uncategorized (4)
- Video Content (4)
- Video Marketing Strategy (4)
- b2b sales plan (4)
- best practices during crisis (4)
- brand engagement (4)
- leading marketing automation tools (4)
- market entry (4)
- marketing content (4)
- personal branding (4)
- proactive marketing (4)
- B2B Email Marketing Campaigns (3)
- B2B Marketing Budget (3)
- B2B marketing strategy inbound (3)
- Business Intelligence (3)
- Business Strategy (3)
- Conversion Rate Optimization (3)
- Financial (3)
- Google Analytics (3)
- Google+ (3)
- Internal Marketing (3)
- Lead Gen Automation Tools (3)
- Linkedin Groups (3)
- Marketing Automation Migration (3)
- Online Events (3)
- Pardot (3)
- Pardot to HubSpot Migration (3)
- Product Marketing (3)
- SMB international Business Models (3)
- Search Engine Optimization (3)
- Tech (3)
- Webinar (3)
- abm (3)
- b2b blogging (3)
- b2b customer aquisition (3)
- b2b growth (3)
- barriers to entry (3)
- blogging (3)
- business plan (3)
- buyer persona (3)
- customer research (3)
- demand generation (3)
- doing business abroad (3)
- employer brand (3)
- employer branding strategy (3)
- inbound leads (3)
- marketing audit (3)
- marketing automation strategy (3)
- marketing leadership (3)
- marketing portfolio audit (3)
- omnichannel marketing (3)
- online communities (3)
- online demand (3)
- outsourcing (3)
- prospects (3)
- storytelling (3)
- tech business (3)
- visual content (3)
- website optimization (3)
- 4P’s (2)
- ABM sales outreach (2)
- Agile Marketing (2)
- B2B Contacts (2)
- B2B Marketing Collaterals (2)
- B2B digital agency (2)
- B2B presentations (2)
- Channel Integration (2)
- Customer-Centric (2)
- DIY business (2)
- E-Commerce (2)
- Facebook content (2)
- Go-to-Market Strategies (2)
- Hubspot Inbound (2)
- Hubspot Portal audit (2)
- Hubspot marketing portal (2)
- IT recruitment (2)
- Innovation (2)
- Integrated Marketing (2)
- Internship (2)
- Marketing Metrics (2)
- Microsoft Dynamics (2)
- PPT (2)
- Pay-per-Click (2)
- ROI (2)
- RevOps (2)
- SMART (2)
- SMB (2)
- SME (2)
- Sales Automation (2)
- Sales Automation Tools (2)
- Salesforce (2)
- Telemarketing (2)
- Tumblr (2)
- action plan (2)
- b2b planning (2)
- b2b tradeshow (2)
- b2b video marketing (2)
- banking (2)
- business communities (2)
- business management (2)
- buyer journey (2)
- buyer motivation (2)
- celebrities (2)
- client presentations (2)
- company marketing (2)
- company presentation rules (2)
- context marketing (2)
- conversion tracking (2)
- copywriting (2)
- corporate presentations (2)
- data driven (2)
- eCommerce Marketing (2)
- employee value proposition (2)
- employer value proposition (2)
- entertainment industry (2)
- entrepreneurs (2)
- free marketing tools (2)
- fundraising (2)
- gdpr (2)
- how to present in front of customers (2)
- how to write a presentation (2)
- marketing investing (2)
- marketing outsourcing (2)
- marketing segmentation (2)
- marketing upskilling (2)
- networking communities (2)
- nonprofits (2)
- online strategies (2)
- outbound marketing (2)
- outsourced marketing (2)
- ppc ads (2)
- ppc management (2)
- ppc strategy (2)
- presentation structure (2)
- product audit (2)
- product portfolio (2)
- promotion (2)
- sales enablement (2)
- sales funnel (2)
- segmentation (2)
- service marketing (2)
- slideshows (2)
- social platform (2)
- succes management (2)
- supporters (2)
- targeting (2)
- tourism industry (2)
- tradeshow attendance (2)
- tradeshow objectives (2)
- tradeshow results (2)
- tradeshow strategy (2)
- webinar tips (2)
- 2014 (1)
- ActiveCampaign (1)
- Ad Rank (1)
- AdidasOriginal (1)
- Android (1)
- B2B Case Study (1)
- B2B Digital Training (1)
- B2B e-mail copy (1)
- B2B e-mail marketing (1)
- BWBB (1)
- Blockchain (1)
- Blockchain Technologies (1)
- CTA button (1)
- Design Thinking Model (1)
- Direct Marketing (1)
- Dreamforce 2017 (1)
- Drip Marketing Campaign (1)
- Dynamics 365 (1)
- Dynamics 365 marketing (1)
- Dynamics Marketing (1)
- Eastern Central Europe (1)
- Eastern Europe (1)
- Emotional B2B Marketing (1)
- Employee Feedback (1)
- Event management (1)
- External Marketing (1)
- Facebook Apps (1)
- Facebook marketing (1)
- Freemium SaaS (1)
- Go-to-Market (1)
- Google Ad Grant (1)
- Google Ads statistics (1)
- GoogleAdGrant (1)
- HR planning (1)
- Hubspot Outbound (1)
- IT marketing (1)
- IT outsourcing (1)
- IT service price (1)
- Intel (1)
- LeadGeneration (1)
- Machine Learning (1)
- Market Entry Strategy (1)
- Market Research (1)
- Marketing Results (1)
- Marketing frameworks (1)
- Marketing vs Sales (1)
- Marketo (1)
- Medium Companies (1)
- Microsoft Dynamics 365 (1)
- NGO (1)
- Networking (1)
- Organizational culture (1)
- PPC statistics (1)
- PPC stats (1)
- Personalized messages (1)
- Pictures (1)
- Podcast SEO (1)
- Price (1)
- Recruitment Marketing (1)
- Revenue operations (1)
- Romanian content marketers (1)
- SaaS (1)
- Salesforce Partners (1)
- SharpSpring (1)
- Small Business (1)
- Social Proof (1)
- StopWar (1)
- Tactics (1)
- Target (1)
- Tech events (1)
- Template (1)
- Till Hahndorf (1)
- Types of Google Ads (1)
- Ukraine (1)
- VirginAmerica (1)
- Voice Search SEO (1)
- Work alternative (1)
- Youtube Ads (1)
- ads setting (1)
- app (1)
- artists (1)
- b2b benchmark (1)
- b2b buyer (1)
- b2b buying process (1)
- b2b buying trends (1)
- b2b customers (1)
- b2b marketing vs sales (1)
- b2b modeling (1)
- b2b price (1)
- b2b viral campaign (1)
- benghmarking (1)
- brand advocates (1)
- business (1)
- business growth course (1)
- buyer behaviour in b2b (1)
- buyer persona template (1)
- buyers (1)
- call to action (1)
- clients (1)
- cold-calling (1)
- company (1)
- competition (1)
- customer segmentation (1)
- cybersecuritystrategy (1)
- dan schawbel (1)
- detailed buyer persona (1)
- differentiators (1)
- downloadable resources (1)
- e-mail campaigns (1)
- e-mail message and copy (1)
- employer brand experience (1)
- employer of choice (1)
- environmental marketing (1)
- fans (1)
- gdpr benefits (1)
- gdpr benefits for marketing (1)
- go-to-market channels (1)
- green marketing (1)
- growth marketing (1)
- hotel (1)
- how to find leads (1)
- how to sell (1)
- human resources (1)
- iOS (1)
- inbound marketing services (1)
- inbound marketing vs outbound marketing (1)
- international business (1)
- investment in marketing (1)
- investors (1)
- jamie oliver (1)
- lead generation results (1)
- leads (1)
- letter writing (1)
- like (1)
- market price (1)
- marketing benchmarking (1)
- marketing flywheel (1)
- marketing goals (1)
- marketing investments (1)
- marketing letters (1)
- marketing message (1)
- marketing objectives (1)
- marketing strategy for 2022 (1)
- mobile (1)
- mobile marketing (1)
- music (1)
- new business opportunities (1)
- online reputation (1)
- personal branding tips (1)
- personell issues (1)
- photos (1)
- podcast (1)
- positive employer brand (1)
- ppc click fraud (1)
- price debate (1)
- price negociation (1)
- pricing (1)
- pricing stratey (1)
- product cost (1)
- product price (1)
- promote (1)
- recession tactics (1)
- roadmap (1)
- sales (1)
- script (1)
- seo practices (1)
- service price (1)
- services (1)
- setting objectives (1)
- setting the price (1)
- smart bidding (1)
- social channels (1)
- social networking (1)
- social recruitment (1)
- startup (1)
- subscribers (1)
- sustainability (1)
- tailored experience (1)
- talent pool (1)
- tech hub (1)
- tech professionals (1)
- tools (1)
- updates (1)
- viral campaignes (1)
- viral marketing (1)
- viral videos (1)
- visual (1)
- voice search optimization (1)