Come ho ottenuto il punteggio di 100/100 di Google Pagespeed sul mio blog di Anime

Come ottenere un punteggio elevato di Google Speed su un sito web.

Un sito più veloce è un must per ottenere un alto tasso di conversioni e una migliore esperienza utente. Google PageSpeed Insights è lo strumento sviluppato da Google per fornire un indice di velocità per un sito web. Google si è concentrato molto per garantire un esperienza fluida e senza intoppi agli utenti. In effetti, il PageSpeed Insight di Google costituisce un fattore di ranking nei risultati di ricerca. Questo post focalizza l'attenzione su come ottenere un punteggio elevato su Google PageSpeed Insight per un sito web blog in WordPress. Le azioni intraprese non richiedono conoscenze di codifica e possono essere eseguite anche da un nuovo utente di wordpress.

come-ho-ottenuto-100-google-pagespeed-score-sul-mio-blog-anime

Il punteggio di Google PageSpeed Insight del mio blog di anime.

Dopo una serie di tentativi, siamo riusciti a ottenere una Punteggio Google Pagespeed vicino a 100/100 sul mio blog di anime (99/100 il punteggio di Lighthouse). In generale, un punteggio di velocità superiore a 85 è considerato positivo per la riduzione dei tempi di caricamento e l'aumento del tempo trascorso dagli utenti sulla pagina. Qui di seguito il caso di test per uno dei la mia recensione dell'anime blog.

Ci sono un Sono almeno 3 le aree principali su cui concentrarsi per migliorare il tempo di caricamento, la prima vernice contenutistica e l'indice di velocità di un sito web:

  • Procuratevi un server di hosting performante per il vostro sito web (nel nostro sito web usiamo Cloudways).
  • Utilizzate un tema premium e riducete il numero di plugin installati (potete controllare i temi WordPress più usati in questo pagina)
  • Utilizzare un plugin di cache che consente di ridurre le richieste https, i tempi di caricamento e di minimizzare gli script.
reduce-loading-time-wordpress-speed-up

Il valore registrato da Google Pagespeed Insight per il mio blog di anime

Ottenere un hosting performante a basso prezzo.

Il server di hosting su cui gira il vostro sito web è un punto cruciale per migliorare l'indice di velocità di un sito web. Per non perdere tempo nei passaggi successivi, è bene partire da una base solida dal punto di vista dell'hardware.

In generale, le società di hosting più popolari (come Namecheap, Bluehost e Siteground) offrono ai propri clienti un piano di hosting condiviso che viene fornito al prezzo di costo tra 5-20$/mese fino alla fine del periodo promozionale. Infatti, dopo la scadenza del primo periodo i prezzi tendono a raddoppiare per mantenere lo stesso piano di hosting. Tra le aziende citate, una delle più affidabili è Siteground, nel caso siate interessati potete leggere un post su qui.

Qual è lo svantaggio di un hosting condiviso?

L'hosting condiviso è un tipo di web hosting in cui un singoli host di server fisici siti multipli. Gli utenti ottengono ciascuno una sezione di un server in cui ospitare i file del proprio sito web. I server condivisi possono ospitare centinaia di utenti. Ogni cliente che utilizza il server della piattaforma di hosting condiviso ha accesso a funzionalità come database, traffico mensile, spazio su disco, account e-mail, account FTP e altri componenti aggiuntivi offerti dall'host. Le risorse di sistema sono condivise on-demand dai clienti sul server, e ognuno riceve una percentuale di tutto, dalla RAM alla CPU, e altri elementi come il singolo server MySQL, il server Apache e il server di posta.

I problemi dell'hosting condiviso.

Even though shared hosting can appear as a cost-effective choice, a few performance related problems arise. In fact, whenever your website runs out of its ‘dedicated’ resources (which is likely to happen during the peak of traffic), the shared company will inform you that you have better upgrade your plan. In case you don’t upgrade your website-blog may appear as not available to the new users. In general, upgrading your shared-hosting plan may cause the price to double or even triplicate!

Più velocità a parità di costi: Hosting gestito Cloudways.

A managed hosting solution is probably the best to achieve the minimum loading times and the lowest price. Managed hosting is when a hosting company handles the setup, administration, management, and support of a server and/or application. Management services vary from host to host but typically include OS updates and patching, 24/7/365 support, network infrastructure and hardware management, basic security measures including virus and spam protection, and monitoring and remediation of anything that could affect the performance of the server.

the-best-hosting-for-better-ranking-on-google

Hosting condiviso vs hosting gestito per ottenere 100/100 di Google Pagespeed Score.

Let’s consider for example the basic plan of Siteground (you can check it here) and the basic one of Cloudways managed hosting (you can check it qui, and starting a free trial).

La basic plan of Cloudways comes at the price of $10/month. The price is fixed and not subjected to rise after a promotional period. You can choose between multiple servers operators (Digital Ocean, Vultr, AWS, Linode ecc…). For the current example, let’s take Digital Ocean (the same that we’re using). The basic plan allows you to manage till 70’000 pageviews/month which is quite a high value for a small/medium website blog.

On the other hand, the basic plan of Siteground costs $3.99/month (during the first promotional period) while the full costs become $12.99 when the promo expires. In comparison with Cloudways, Siteground basic plan can handle only 10’000 visits/month and the loading times are much higher because of the shared hosting.

I vantaggi del Managed Hosting di Cloudways.

Let’s look deeper what Cloudways Managed Hosting offers for the little price of $10/month. Cloudways proposes a number of feautures:

  • 1-Click launch for multiple apps (including WordPress, WooCommerce, and Magento).
  • Unlimited apps per server.
  • A choice of 5 top-notch cloud providers (AWS. Google Cloud, DigitalOcean, Linode & Vultr), all ready to launch in a single click.
  • Free SSL certificates.
  • Built-in CloudwaysCDN
  • High-performance stack for WordPress, WooCommerce and Magento
  • Pay-as-you-go pricing.
  • Built-in, free cache plugins for WordPress and Magento
  • 1-Click operations including server launch, server/app cloning, monitoring, and many more.
  • Dev-friendly staging environment.
  • Managed security and backups.
  • Effective team collaboration features.
  • Easy Github automation for developers.
  • Flexibility to scale server size.

As you may understand, Cloudways offers the same (or even more!) features available on the more commercial shared hosting. In case you want to try a free trial you can check this link.

Cloudways hosting is optimized for WordPress users and allows you to choose to the most suitable PHP version (also PHP 8 is available!).

The migration process is very easy and a step by step guide is reported here, but you can also ask the team of Cloudways to do it for you!

Il secondo passo per raggiungere il punteggio 100/100 di Google Pagespeed: ridurre i plugin e i javascript.

After considering a top-performing hosting (like Cloudways hosting) you have to give a close look to your WordPress website. There are a lot of ways improving the users experience reducing the loading times of posts and pages. We’re gonna make it very simple.

Uninstall all the plugins you’re not using (or disable them).

Plugins add a lot of code (javascripts) which tends to overload the CPU of your servers. Each plugin makes a number of request increasing the blocking time and time to interactive in Google PageSpeed Insight stats. Try to limit the use of jQuery and store the Google Fonts locally. To improve the performances related to Google Fonts, you can use this plugin (OMGF – Host Google Fonts Locally).

Other plugins which are resource consuming.

Other plugins which are resource consuming are the datatables (for example used in Sporpress plugin) and the layer-slider feaures. Consider not using these elements if not strictly necessary.

Optimize your WordPress blog with Ezoic Leap.

Ezoic Leap is a very handy tool which is comes for free for Ezoic users. Ezoic Leap has helped my website blog to achieve an increadibly high score on Lighthouse/Google Page Speed Insight. With Ezoic Leap you can get ride of other specific plugins, it removes unnecessary and expensive tech including many options to make your site faster. You can register for free on Ezoic here.

Quali sono le caratteristiche necessarie per migliorare il tempo di caricamento di un blog WordPress?

Ezoic Leap covers the whole options to improve the website experience on your blog. The following features should be turned on to see your Google PageSpeed score to rise:

  • Optimize CSS (remove critical CSS)
  • Minify (it minifies Javascripts, CSS and HTML). Minification is crucial because it creates a smaller yet fast for server version of your file.
  • Optmize images reducing load times, serving and size by providing images in next gen format like WebP)
  • Static asset cache policy (this removes the warning about browser cache headers). Every time you visit a website, your browser stores downloads, such as HTML, CSS, JavaScript and images into the local cache. This makes it easy to load this website the next time it is accessed from the same browser. This reduces the delays that occur in the name of processing and rendering of the webpage.
  • Lazy load content and images

Ezoic Leap revealed to be a very powerful tool which solved me a lot of problem. First of all, I could remove the other premium cache plugins (like WP-Rocket) which are a substantial costs for very small website blog. To start using Ezoic (which is also appreciated for Ads serving since their ads give a higher revenue than Google Adsense), you have only to register your account and wait for your domain to be reviewed!

Ezoic platform provides excellent support and you can also ask the Ezoic team to setup the Ezoic Leap configuration for you!

You can test Ezoic at this pagina.

Velocizzate il blog del vostro sito web con un CDN e un plugin di cache gratuito.

A Content delivery network (CDN) is the transparent backbone of the Internet in charge of content delivery.

To understand why CDNs are so widely used, you first need to recognize the issue they’re designed to solve. Known as latency, it’s the annoying delay that occurs from the moment you request to load a web page to the moment its content actually appears onscreen.
Implement a CDN to speed up your website and get high google pagespeed score

Image taken from https://www.imperva.com/learn/performance/what-is-cdn-how-it-works/

That delay interval is affected by a number of factors, many being specific to a given web page. In all cases however, the delay duration is impacted by the physical distance between you and that website’s hosting server. To minimize the distance between the visitors and your website’s server, a CDN stores a cached version of its content in multiple geographical locations (a.k.a., points of presence, or PoPs). Each PoP contains a number of caching servers responsible for content delivery to visitors within its proximity.

Utilizzate un CDN per ridurre il tempo di caricamento di una pagina web.

One of the most famous CDN services is offered by Cloudfare. In case you’re interested in understanding why a CDN is useful for improving performance, reliability and to maintain the cost to low levels you can give a check to this articolo. In few words, a CDN provides a ‘cached’ version of your website to the visitor which assures a faster loading of the web page. Since the users experience gets better, also your Punteggio Google Pagespeed will improve. Moreover, having a CDN enabled allows a better reliability and to reduce the bandwidth requests from the visitors (more requests = more bandwidth = more CPU resources).

Ottenete il miglior CDN per incrementare il vostro posizionamento nella ricerca di Google.

Cloudways, which is very focused on the performance side without the need of too much technical knowledge offers the implementation of a CDN for as low as 1$/month addition. Cloudways CDN is based on Stackpath CDN which is a very performing one. The price is very competitive and gives the acces to 25 GB bandwidth which is quite enough for a small/medium website/blog. You can start a free trial and test Cloudways at this link.

Come impostare facilmente un CDN da integrare con il vostro sito WordPress e ottenere un migliore punteggio Google PageSpeed.

You may think that implementig a CDN could be difficult. In Cloudways, they’ve made it very simple. You have only to install their cache plugin Breeze. Breeze is a free, simple, powerful and user-friendly WordPress Caching Plugin developed by the Cloudways team. It offers various options to optimize WordPress performance at various levels. It works equally great with WordPress, WordPress with WooCommerce and WordPress Multisite.

L'integrazione della CDN con Breeze.

You can setup the CDN to work with your WordPress website in this page of the Breeze plugin. Setup-a-cdn-to-improve-google-rankingThere are also a number of performance features (as we discussed before) like CSS inline, GZIP compression, CSS and JSS (means javascripts) minifying and also the lazy-load option to speed up the page loading. You can see some of the available options on the figure below.

cache-plugin-to-get-perfect-google-score-speed

Attivate Varnish Cache per velocizzare il vostro sito WordPress fino a 10 volte.

Varnish cache is a web application accelerator also known as caching HTTP reverse proxy. It acts more like a middle man between your client (i.e. user) and your web server. That means, instead of your web server to directly listen to requests of specific contents all the time, Varnish will assume the responsibility.

How Varnish cache system works.

Once a request comes in for the first time, Varnish in PHP will direct it to the web server for an appropriate response. This response will be cached by Varnish in PHP before being sent to the client. Interestingly, any subsequent request for such content will just be served up directly from the Varnish cache instead of going straight to the web server. With this in place, your web application will be able to manage a huge number of concurrent requests from several users as the server will not even be started. This will result in a magical increase in performance for your application.

Come abilitare la cache Varnish con Cloudways.

Cloudways servers and application come with the opportunity to include the Varnish cache with a single click. In fact, the Varnish cache is a part of the cache layer system offered by Cloudways hosting. You can use it freely and the costs are already included in the billing of your server (for example the $10/month we were talking about). You can enable the Varnish cache and boost your Google ranking by checking the following window. Get a free trial test of Cloudways platform at this link. how-to-enable-varnish-cache-to-improve-score

Riassumendo: ottenete un aumento del vostro posizionamento di ricerca su Google e della vostra velocità in pochi passi.

In this post, we’ve tried to point out the essential point to increase your Google Pagespeed score and therefore your ranking on search results. As we already mentioned, Google tends to give a better ranking to the website which offer the best user experience. In general, user experience is related to low loading times, writing awesome and interesting content providing value to the Net.

I passi fondamentali per migliorare il vostro punteggio Lighthouse.

  1. Use a reliable WordPress theme, better if it is a premium one because it is updated regularly and maintained with time. You can choose among a bunch of free and premium themes on the Envato market, one of the wider marketplace to buy themes and plugins. You can access Envato Marketplace qui.
  2. Get rid of the plugins which are not useful. Use OMGF to store your Google Fonts locally.
  3. Get a faster and performing hosting like Cloudways. You can start a trial for free qui.
  4. Install Breeze plugin and enalbe Varnish cache if using Cloudways. You can also decide to use the CDN (as we do in our website) to boost your ranking on Google.
  5. Use Ezoic Leap to further optimize your settings and speed up your page load. Ezoic is free to use, you have only to submit your website domain which will be reviewed by an expert. In case your website results to be compliant you can also start to monetize with Ezoic Ads (Ezoic is a premium partner of Google, so your revenue will at least double with Ezoic with respect to Google Adsense). As an Ezoic user, you can have free access to the Ezoic Leap tool. You can join Ezoic at this link.

Torniamo all'anime.

We hope that this article has been useful, since we received a number of requests about how to get a high rank on Google Pagespeed tool and to better rank on search results. In case you appreciated, please, share it. Now we come back to the main topic of our website blog: anime reviews and TCG cards. In case your’re wondering what anime to see tonight, get a glance to our related article (The Best Anime series you must see: 10+)

Dove volete condividere questo post?