FIX! How to Make Website Loading Fast According to Google’s Core Web Vitals

BloggingFIX! How to Make Website Loading Fast According to Google's Core Web...

The advantages of having a website are many. However, if it’s a web or landing page that only has a good design, it’s NOT ENOUGH.

NICE looks! but slow to access backfires on website or blog owners.

This is because someone will immediately close the website they are viewing when the information they are looking for does not appear on the screen, especially smartphone users.

Several studies have been conducted by giant search engine applications such as Google and Bing which show a number of interesting facts, including:

  • About 53% of visitors will close your website, if it loads for more than 3 seconds
  • If between web pages that are opened it takes an average of 3.21 seconds to appear
  • For consumers who often shop online, around 53% admits that loading fast pages helps them to transact immediately
  • Almost 77% of websites currently accessed via mobile phones take loading more than 10 seconds
  • On average every 1 second delay when responding between pages can result in a 7% reduction in transaction conversions
  • Most visitors who use mobile phones (-+90%) will think about leaving the website when the time comes load page moves from 3 to 5 seconds

While research results from experts SEO MOZ.com, Geoff Kenyon summarized by Niagahoster mentions interesting facts about how important website speed is especially NOT MORE than 5 seconds.

  • If your website loads in 5 seconds it means your website is faster than 25 percent other websites.
  • If a website can load in 2.9 seconds, it means that your website is 50 percent other websites.
  • If a website can load in 1.7 seconds, this is already EXTRAORDINARY! because it means your website is faster than 75 percent other websites.
  • If your website can load in 0.8 seconds, AWESOME! because your website is faster than 94 percent other websites.

Effect of Website Speed ​​to Business

tim jasa desain grafis

Based on the facts above, according to Google, which has analyzed millions of information seeking habits on the internet from various types of websites, a web page whose access loading more than 3 seconds will be abandoned by 53% of visitors.

Obviously this will affect whatever business you’re doing right now. You will lose about 7% of your potential earnings.

It’s not just a matter of 7%, the problem of website speed can CREATE everywhere. For example, your website will lose trust over time, visitors will be lazy to return, and the worst thing is the disappointment that is told by word of mouth.

So… Making your Website have maximum speed access is IMPORTANT.

How to Make Website Loading Fast according to Google’s Core Web Vitals

In addition: From Toper.me team test results, one thing you need to pay attention to is that a Website has many pages.

Each page can have different speeds due to several factors such as having a different DOM (Document Object Model) structure, image size, javascript used, third party script code like Google Analytics, Adsense code, Plugins used, Templates, and many more.

So try at least your TARGET page has a good website speed optimization. It would be even better if each page met the website loading speed criteria determined by Google, namely Core Web Vitals.

What is Core Web Vitals?

Core Web Vitals or Core Web Data is a report that shows the performance of a website’s pages based on real world usage data.

Core Web Vitals or CWV has become the talk of web developers and website or blog owners around the world because it has become one of the NEW METRIC in how Google measures Page Experience to meet the good USER Experience since its release on 28 May 2020.

YouTube video

Watch the expert explanation from Google Chrome Developers. The video explains about SEO, how the Core Web Vital factors are, and how to use Search Console to increase the vitality of your site.

Why Page Performance Matters

According to Google, page load time the old one has a bad impact on the bounce rate, especially on smartphones. Example:

  • If page load time increases from 1 second to 3 seconds, bounce rate will increase by 32%
  • If time page load increased from 1 second to 6 seconds, bounce rate will increase by 106%

There are 6 important metrics in Google LAB Data to measure and calculate the performance score of a website page, namely:

  • First Contentful Paint (FCP),
  • Speed ​​Index (SI),
  • Largest Contentful Paint (LCP ),
  • Time to Interactive (TTI),
  • Total Blocking Time (TBT),
  • Cumulative Layout Shift (CLS)
LCP, FID, CLS dari Core Web Vitals

While the Core Web Vitals report is based on three important metrics: LCP, FID, and CLS. However TBT, TTI, and SI is also very important because it is interconnected.

If a URL (web page) does not reach the minimum amount of reporting data for each of these metrics, it will not be included in the report as a PASS.

Here are the metric values ​​for Core Web Vitals:

MetricsFineNeeds improvementBad
LCP<=2.5 sec<=4 sec>4 sec
FID<=100 ms<=300 ms>300 ms
CLS<=0.1<=0.25>0.25< /td>
Data source: web.dev/vitals/

How to measure website speed based on Core Web Vitals

Google has prepared a web-based application tool to measure the scores of the six metrics, especially Core Web Vitals, namely Google Page Speed ​​Insights.

A more detailed explanation of Core Web Vitals will be discussed on another page…

Now let’s discuss why the website is so slow or really slow..

5 Things that Cause Slow Websites

When using WordPress as a website installation base, there are several factors that can cause a website to be slow.

  • Wrong Web Server Hosting Select
  • Heavy use of WordPress themes
  • Too many and heavy plugins used
  • Too many ads
  • Image size was not optimized

1. Choose Wrong Web Server Hosting

Without a server, your website will not be online. To produce a website with maximum speed you have to choose Best and good Web Hosting Server.

Quite a lot nowadays best wordpress hosting services that provide low price but good quality local servers such as Exabytes, Qwords, Dewaweb, Rumahweb, Masterweb, etc. or outside.

REMEMBER! Server location also determines the speed of a website and where your website visitors come from.

The closer your server is to potential visitors, the less Time to Interactive can affect LCP and FCP and Total Blocking Time.

Currently, Toper.me uses Virtual Private Servers (VPS) from OVH Web Hosting. Singapore is the closest preferred location from Indonesia as a server base.

But actually SETTINGS on the server is the MOST IMPORTANT factor in making web pages fast when accessed from a Desktop PC or smart phone.

In a LINUX-based VPS that is installed on the Nginx Web Server with the Debian operating system we use, there are Concocted Redis Database, Caching, Gzip Compression, and many other special technical stuff.

We apply everything in the offer of Website Development Services as well as viewing the Toper.me Server.

This factor has its own discussion… because it’s quite technical.

As a test, please test Core Web Vitals this page.

2. Heavy WordPress Theme

Cara Membuat Core Web Vitals Berwarna Hijau

To get website loading results that are not slow you should use lightweight templates or themes .

Unfortunately, light themes sometimes just give a basic look which is only suitable when you are going to write a regular article without a lot of frills.

For a more professional design you need a WordPress Theme or even Page Builder which of course is very heavy.

Because almost all features such as headers, sliders, widgets, footers, are included in this premium theme.

But actually if you already know what to do to get best Core Web Vitals results,< /span> any theme used can definitely be optimized.

For example, Toper.me uses Theme Premium Newspaper by tagDiv which costs up to IDR 1 million (US$ 59) from ThemeForest.

Released since September 4, 2013, to date the premium template for the news site has been sold approximately 110,944 times.

Many big sites use it and so … definitely because the features are very complete, this theme is very heavy.

But the Toper.me team is trying to optimize it so it can be closer to what Google wants based on Core Web Vitals.

We combined several plugins that perform Minify CSS Files, Minify CSS Javascript, delay unneeded scripts, use Lazyload for images, and other technical issues.

3. Too many plugins and too heavy

Wordpress is the most widely used CMS (Content Management System) by publishers in the world.

One of the advantages is that WordPress is supported by a developer community that makes a lot of supporting PLUGIN.

The existence of a plugin really helps web developers to build a site / blog they want.

But wrong plugin and don’t know the best setting can also make your website problematic and cannot achieve maximum results, especially regarding Core Web Vitals.

At Toper.me, our team uses several premium plugins which are quite expensive. Cache Plugin used is WP-Rocket which is combined with Web Server Nginx through special settings so that Cache is no longer through PHP but directly via Nginx.

Actually you can also use W3 Total Cache, WP Super Cache, Wp Fastest Cache, or Hyper Cache >, and many more.

As for CSS, HTML, and JS optimization, you can use a free but powerful plugin, namely Autoptimize which has been downloaded by more than 1 million WordPress users.

4. Unoptimized Image Size

You can insert images (images) in the form of JPEG, PNG, SVG, WebP to WordPress. The problem is if not optimized properly, images can bring disaster to your website / blog.

If the image optimization is wrong, the file size can become large and burden the server. The ends slow down the speed of your site.

In addition, images now greatly influence one of the Core Web Vitals metrics namely LCP ( Largest Contentful Paint).

Use the help of image-specific plugins such as Smush, EWWW Image Optimizer Cloud, Shortpixel, Robin Image Optimizer, etc., to optimize images.

But based on our experience, we recommend reducing the image size before uploading it to the blog. Use software such as Photoshop, Illustrator, to reduce image file size, or Advanced Image Editor Online such as Photopea.

This method will really help ease the work of the plugin, which has a drastic impact on your server bandwidth resource usage. Even if the image optimization is done properly, you don’t need to use an image plugin.

5. Too Many Third Party Scripts Including Ads

Using source scripts from third parties is sometimes unavoidable. Scripts can come from using Twitter, Instagram, Whatsapp, Facebook, Analytics, Youtube Video iframes, Google Maps, premium fonts like Font Awesome and Google Fonts, to ads like Adsense, MGID, which are placed on a page. website.

The presence of third party scripts will greatly slow down your server performance. Unfortunately, it is very difficult to control this script because it comes from outside.

If you want to get the best results from Core Web Vitals, you should avoid using third-party scripts.

But nowadays, it seems difficult if our website exists without ‘them’. One of Toper.me’s ways to optimize this script so as not to disturb the blog loading speed too much is by adding DNS Prefetch, Preconnect, or Preload attributes. strong> on the third-party script.

For example:

  • <link href=’//www.google-analytics.com’ rel=’dns-prefetch’/>
  • < link href=’//pagead2.googlesyndication.com’ rel=’dns-prefetch’/>
  • <link href=’//fonts.googleapis.com’ rel=’dns-prefetch’ />
  • <link href=’//fontawesome.com’ rel=’dns-prefetch’/>

That’s all the discussion about how to make a website faster according to Core Web Vitals standards. If you find it useful, please share it…

Popular

Other Articles

Football Club

MotoGP