Perfmatters, guida alla configurazione

 
Perfmatters, guida alla configurazione

Se domani mi dicessero che posso portare un solo plugin su un'isola deserta, molto probabilmente prenderei Perfmatters e se avessi un fan club, mi iscriverei e andrei a tutti i loro concerti.

Lo utilizzo da gennaio 2021 ed è stato uno dei plugin che ha risolto il maggior numero di problemi e quello che contribuisce di più e meglio ad alleggerire la velocità di caricamento

Essenziale

È uno di quegli strumenti che non si pone nemmeno il problema della remota possibilità di non pagare quando arriva il giorno del rinnovo annuale. Che, tra l'altro, è molto economico per l'utilizzo su un singolo sito. Costa solo 24,95 dollari e ha uno sconto del 15% per i rinnovi successivi. Quindi, dal secondo anno in poi, si tratta di 21,21 dollari per un misero 21,21 dollari.

Dato che ho recensito alcune delle sue caratteristiche separatamente, non ho potuto fare un'analisi più approfondita e un tutorial sulla configurazione. Questo è l'obiettivo di questo post.

Informazioni sulla configurazione

Perfmatters, guida alla configurazione 1
Perfmatters, guida alla configurazione 2

Disclaimer: Inutile dire che le icone di accensione e spegnimento che ho aggiunto provengono dalla mia configurazione, che è la migliore che ho potuto ottenere per questo blog. Questo non significa che sia l'ideale per il suo ambiente

Ogni scenario è diverso. Dovrà studiare ogni opzione e comprenderla, sperimentare il suo comportamento e decidere cosa è meglio nel suo caso. Per questo, non c'è niente di meglio che testare le sue opzioni una per una e valutare i risultati.

Un'altra cosa da tenere presente è che gli strumenti duplicati si scontrano. Ci sono altri plugin come WP Rocket o il plugin di cache del server con Litespeed che hanno le stesse funzioni e fanno esattamente la stessa cosa. Attivarli insieme può causare conflitti. Dovrà valutare quale funziona meglio e attenersi a uno solo di essi.

Scheda Generale

La scheda generale contiene gli strumenti più comuni. Accanto a tutti questi, troverà un link alla guida corrispondente. Non abbia paura di provarli. Tutto è reversibile. Facendo clic sull'interruttore, tutto tornerà allo stato originale e qui non è successo nulla

Perfmatters, guida alla configurazione 1

Disabilita le emoji

Nella versione 4.2 di WordPress del 2015 è stato aggiunto al nucleo il supporto per le emoji per i browser più vecchi.

Anche se non sono troppo pesanti (18 KB più altri JS), può disabilitarli perché caricano il JavaScript wp-emoji-release.min.js su ogni pagina del suo blog e una richiesta in meno è sempre una richiesta in meno.

Perfmatters, guida alla configurazione 4

Perfmatters, guida alla configurazione 1

Disabilita i dashicon

Dashicons è il carattere icona ufficiale dell'amministrazione di WordPress dalla versione 3.8. Alcuni modelli lo utilizzano nel front-end caricando il CSS dashicons.min.css. Tuttavia, molti temi e plugin moderni utilizzano già le proprie icone, SVG o non ne utilizzano affatto. Quindi, se non utilizza le dashicon, può disabilitarle, perché il foglio di stile aggiunge tempo di caricamento non necessario e blocca anche il rendering.

Perfmatters, guida alla configurazione 6

La loro disattivazione da Perfmatters non influisce sul pannello di amministrazione di WordPress, che li utilizza. Solo i dashicon sul front-end saranno rimossi quando non è connesso.

Perfmatters, guida alla configurazione 2

Disabilitare gli embed

Quando aggiunge un qualsiasi link dal suo blog nell'editor, WordPress lo riconosce e lo visualizza come tale (se non ha modificato lo stile).

Perfmatters, guida alla configurazione 8

Se non le interessano gli embed, può disabilitarli e alleggerire un po' il carico. Non le ho disattivate perché ho notato che i link con le anteprime tendono a ottenere buone percentuali di clic quando vengono utilizzati come link correlati tra i paragrafi.

L'incorporamento o embed è stato introdotto con la versione 4.4 di WordPress. L'aspetto negativo è che sono dotati di un codice extra che viene aggiunto includendo un altro JavaScript da caricare: wp-embed.min.js

Perfmatters, guida alla configurazione 9

La disabilitazione degli embed sul suo blog impedisce anche ad altri blog di incorporare link dal suo sito con quell'anteprima, tuttavia rimuove il JavaScript specifico di oEmbed, disabilita il filtraggio dei risultati di oEmbed
, rimuove la scoperta dei link di oEmbed e rimuove anche tutte le regole di riscrittura degli embed
.

Perfmatters, guida alla configurazione 1

Disabilita XML-RPC

XML-RPC è un protocollo che è stato aggiunto in WordPress 3.5 per consentire connessioni remote e, a meno che non stia utilizzando l'App WordPress per pubblicare o modificare il suo blog da mobile, è importante disabilitarlo perché presenta seri rischi per la sicurezza.

Pochissimi plugin lo richiedono, ne conosco solo uno che lo utilizza: JetPack. Un plugin multifunzione che non è raccomandato perché ostacola notevolmente le prestazioni.

Una volta che XML-RPCXML-RPC è stato disattivato, basta verificare il suo stato visitando yourdomain.com/xmlrpc.php per assicurarsi che restituisca solo un messaggio di errore 403.

Può anche verificarlo in questo checker. Se riceve un messaggio come questo, significa che XML-RPC è disattivato.

Perfmatters, guida alla configurazione 11

Perfmatters, guida alla configurazione 1

Rimuovere jQuery Migrate

È stata introdotta in WordPress 3.6 e non è più abilitata per impostazione predefinita da WP 5.5 in poi.

Sebbene la maggior parte dei template e dei plugin non ne abbia bisogno, ce ne sono alcuni che lo richiedono per alcune funzioni minori. Nel mio caso ci sono due plugin che lo utilizzano, Ultimate Membership Pro e Rank Math per una barra di statistiche (che non utilizzo) che viene visualizzata solo dagli amministratori. Alcuni plugin per la gestione del consenso dei cookie lo utilizzavano ancora fino a poco tempo fa.

jQuery Migrate è una risorsa per gli sviluppatori che consente al codice con le vecchie dipendenze di comunicare con il nuovo codice.

È probabile che lei non abbia alcun plugin che ne abbia bisogno, quindi jQuery Migrate aggiunge l'inutile sovraccarico del JavaScript jquery-migrate.min.js

Perfmatters, guida alla configurazione 13

Tuttavia, prima di disabilitarlo, controlli la documentazione dei suoi plugin o chieda ai loro sviluppatori (più avanti vedremo come disabilitarlo per siti specifici)

Perfmatters, guida alla configurazione 1

Nascondere la versione di WordPress

Questa opzione non ha alcun mistero, semplicemente nasconde la versione di WordPress che ha installato da occhi indiscreti come misura di sicurezza.

Questo, che può essere fatto in diversi modi, è utile nel caso in cui sia in ritardo nell'aggiornamento di qualcosa, dove appaiono vulnerabilità con la sua versione che potrebbero essere sfruttate o il nucleo potrebbe essere compromesso. Almeno, nascondendo la versione, si rende meno facile per gli aggressori in cerca di scappatoie.

Anche se viene rimossa solo una riga di codice, e lo si fa principalmente per la sicurezza, per gli amanti dell'ottimizzazione è solo un altro pizzico che si aggiunge al totale da sottrarre.

Perfmatters, guida alla configurazione 1

Rimuova il collegamento a wlwmanifest

Si tratta di un tag che appare in ogni installazione di WordPress ed era utilizzato da Windows Live Writer, che ha smesso di essere aggiornato e supportato nel gennaio 2017.

Come sopra, si tratta solo di codice non necessario, quindi una riga in meno.

Perfmatters, guida alla configurazione 1

Rimuovere il link RSD

Un altro tag avanzato che appare in ogni installazione di WordPress.

Se modifica il suo sito dal browser, non ne ha affatto bisogno. Viene utilizzato anche da alcune applicazioni di terze parti che utilizzano le richieste XML-RPC, che si suppone siano già state disattivate. Quindi si tratta di codice inutile da rimuovere.

Perfmatters, guida alla configurazione 1

Rimuova il collegamento breve

Questo serve a creare un breve link con numeri per le sue pagine e i suoi post, che aggiungono questo tag:

<link rel='shortlink' href='https://dominio.com?p=123' />
Perfmatters, guida alla configurazione 18

Se sta utilizzando permalink corti "simpatici", come domain.com/%postname%, non c'è motivo di mantenere questo codice inutilizzato, più inutile da buttare via.

Perfmatters, guida alla configurazione 2

Disabilitare il feed RSS

WordPress genera diversi tipi di feed RSS per impostazione predefinita. Sebbene i feed RSS siano ancora utili per un blog, se il suo sito è piuttosto statico o semplicemente non lo utilizza come blog, può disattivare il feed.

Perfmatters, guida alla configurazione 2

Rimuovere i link dai feed RSS

Così come WordPress genera i feed RSS, genera anche i link a questi feed RSS per le sue pagine, i suoi post, i suoi commenti, le sue categorie, i suoi tag, ecc. Può lasciare i suoi feed RSS abilitati e rimuovere comunque i link ai feed RSS. Lo scopo è quello di rimuovere il codice aggiuntivo e probabilmente inutilizzato dalla sua pagina.

Perfmatters, guida alla configurazione 1

Disabilita gli autopzionamenti

Un pingback è fondamentalmente un commento automatico con un link che viene creato come notifica sul suo blog quando un altro blog si collega a lei. Un autopingback viene creato quando si collega ad un articolo all'interno del suo blog.

Al giorno d'oggi quasi nessuno li usa e i pingback esterni che può ricevere sono di solito spammosi, sprecano solo risorse e possono persino creare link maligni o temporanei che sono rotti e quindi dannosi per la SEO.
Come i trackback, appartengono al passato del blogging
, quando il linking come filosofia di blogging era una tradizione che faceva parte della netiquette.

Disabilitare l'API REST

Perfmatters, guida alla configurazione 22

L'API REST di WordPress fornisce endpoint API per i tipi di dati di WordPress che consentono agli sviluppatori di interagire con i siti in remoto inviando e ricevendo oggetti JSON

Permette di incrociare i dati con altri siti e con software scritti in PHP o in qualsiasi altro linguaggio.

Esistono diversi plugin, servizi e applicazioni che utilizzano l'API REST; secondo Perfmatters, questi sono alcuni di essi:

Yoast SEO e il widget del cruscotto di Ryte, Jetpack, alcuni moduli di contatto, Wordfence e alcuni widget specifici del cruscotto di WooCommerce.
Viene anche utilizzato dall'editor di blocchi Gutenberg per comunicare quando si apportano modifiche alla pagina e al post. Se lo disabilita completamente, otterrà un errore "Aggiornamento fallito".

Perfmatters offre tre opzioni. Abilitato (predefinito), disabilitato per i non amministratori e disabilitato quando si disconnette.

Perfmatters, guida alla configurazione 1

Rimuovere i legami API REST

Per impostazione predefinita, un link all'API REST è incluso nell'intestazione del tipo:

<link rel='https://api.w.org/' href='https://domain.com/wp-json/' />

In ogni richiesta viene inviata anche un'intestazione e viene aggiunto un tag API all'endpoint Really Simple Discovery (RSD). Si può fare a meno di tutto questo codice attivando l'opzione di rimozione dei suoi collegamenti.

Perfmatters, guida alla configurazione 1

Disattivare Google Maps

Solo questo, disabilitare l'API di Google Maps.

Alcuni modelli e plugin di WordPress hanno l'API di Google Maps incorporata e spesso non offrono un modo per disabilitarla. Google Maps può creare scompiglio nelle prestazioni del suo blog, anche se le richieste sono caricate in modo asincrono. Normalmente la richiesta viene effettuata tramite l'API ufficiale di Google Maps.

Solo per caricare una mappa sul suo blog, possono essere effettuate fino a 20 richieste HTTP a Google Maps. A seconda dell'integrazione, può fare meno o anche più richieste.

Se non ne ha bisogno, dovrebbe disabilitarli.

Escludere la disattivazione di Google Maps per numero di ID postale

Tuttavia, se non ha altra scelta che incorporare le mappe, può escludere la disattivazione solo per i post in cui è necessario aggiungerle. Per farlo, deve aggiungere nella casella seguente l'ID di ogni post separato da virgole.

Perfmatters, guida alla configurazione 25
Per conoscere l'ID di un post può andare su Messaggi/Tutti i post dal menu di amministrazione e lo troverà nel link di modifica che apparirà in basso quando passa il mouse su ogni titolo.

Perfmatters, guida alla configurazione 26

Perfmatters, guida alla configurazione 1

Disabilitare il misuratore di forza della password

Questo è stato introdotto nelle ultime versioni di WordPress e WooCommerce. Si tratta di un misuratore di forza delle password integrato che obbliga gli utenti a utilizzare password forti e carica diversi file come: /wp-admin/js/password-strength-meter.min.js e /wp-includes/js/zxcvbn.min.js

Perfmatters, guida alla configurazione 28

zxcvbn.min.js può pesare più di 800 KB

Perfmatters, guida alla configurazione 29

Se utilizza WooCommerce, a volte il file si trova anche in questo percorso:

/wp-content/plugins/woocommerce/assets/js/frontend/password-strength-meter.min.js

A seconda di ogni modello e di come lo sviluppatore ha accodato le cose, a volte questi file vengono caricati a livello di sito. Per ragioni di performance, dovrebbero essere caricati solo sulle pagine "conto", "pagamento" e "reset password".

Se trova ancora questi script tra le richieste dopo averla disabilitata, consulti la documentazione del suo modello e la documentazione di qualsiasi plugin che ritiene stia utilizzando questa funzione.

Perfmatters, guida alla configurazione 2

Disabilitare i commenti

Se non ha bisogno dei commenti o ha deciso di porre fine allo spam nel modo più radicale, può disattivare l'opzione di commento dei suoi lettori. Il modulo dei commenti scomparirà.

Questo è l'elenco delle azioni che Perfmatters cercherà di eseguire quando l'opzione Disattiva commenti è attivata:

  • Disattiva il widget integrato dei commenti recenti.
  • Rimuova la testata X-Pingback.
  • Rimuovere i link al feed dei commenti.
  • Disabilita le richieste di feed di commenti.
  • Rimuovere i link ai commenti dalla barra di amministrazione.
  • Rimuovere il supporto dei commenti per tutti i tipi di post.
  • Chiudere i filtri dei commenti.
  • Rimuova i link ai commenti dal menu di amministrazione.
  • Disattiva la pagina di discussione integrata.
  • Nascondere i commenti dal pannello di controllo.
  • Nascondere l'opzione delle impostazioni dei commenti dalla pagina del profilo.
  • Restituisce un modello di commento vuoto quando viene richiesto.
  • Rimuova lo script di risposta ai commenti.

Si ricordi che se opta per un'opzione più soft, può chiudere i commenti solo su determinati post dalla modifica di ciascun post , deselezionando questa casella.

Perfmatters, guida alla configurazione 31

Oppure, da Impostazioni/Commenti, può impostare la loro chiusura dopo un certo numero di giorni.

Perfmatters, guida alla configurazione 32

Perfmatters, guida alla configurazione 2

Rimuovere gli URL dai commenti

Per impostazione predefinita, i commenti di WordPress includono un campo web che crea un link nofollow (anche se agli spammer non importa) nel nome dell'autore del commento.

Se non vuole occuparsi dei link che si rompono con il tempo, se i commenti sono troppo pochi o semplicemente se vuole eliminare lo spam, può eliminare in un colpo solo tutti gli URL aggiunti dai visitatori nei commenti.

Abilitando questa opzione, rimuoverà anche il campo URL dal modulo per i commenti futuri.

Perfmatters, guida alla configurazione 2

Aggiungere una favicon vuota

Se ha già una favicon sul suo sito, dovrebbe lasciare questa opzione disattivata.

L'aggiunta di una favicon bianca è utile se sta creando e testando molte nuove installazioni di WordPress. L'aggiunta di una favicon vuota le evita di dover caricare una favicon per ogni sito. Inoltre, se lo dimentica, può generare un errore 404 negli strumenti di speed testing.

Perfmatters, guida alla configurazione 1

Rimuovere gli stili globali

A partire da WordPress 5.9, è stato aggiunto del codice inline per migliorare gli stili duotone (codice CSS e SVG). La maggior parte degli utenti probabilmente non utilizzerà questa funzione, e il problema è che aggiunge 311 righe (non minimizzate) di codice a ciascuna pagina del suo sito, suddivise in questo modo:

196 righe di CSS prima del tag body e 115 righe di codice SVG, anch'esso aggiunto prima del tag /body.

Gran parte del codice utilizza i tag !important;, anche questo non è l'ideale.
Perfmatters ritiene che possa trattarsi di un bug, per cui sta aggiungendo questa opzione come modo semplice per rimuovere tutto questo codice inutile mentre il problema viene risolto.

Battito cardiaco, recensioni e autosalvataggio

Perfmatters, guida alla configurazione 36

L'API WordPress Heartbeat utilizza /wp-admin/admin-ajax.php per eseguire le chiamate AJAX dal browser web

Questo è ottimo perché salva le bozze ed evita che un arresto imprevisto le faccia perdere, ma può anche causare un elevato utilizzo della CPU e una quantità pazzesca di chiamate PHP. Per esempio, se lascia aperto il suo pannello di controllo, continuerà a inviare richieste POST a questo file a un intervallo regolare, ogni 15 secondi. Può aumentare la frequenza fino a 60 secondi per attenuare questo problema.

Nella prima opzione può scegliere quando e dove viene attivato.

La terza opzione le permette di limitare il numero di revisioni delle sue voci per risparmiare spazio, ad esempio se la imposta su 10, solo le ultime 10 saranno salvate e le precedenti saranno eliminate.

Infine, può impostare l'intervallo di salvataggio automatico delle bozze. Per impostazione predefinita, WordPress li salva automaticamente ogni 60 secondi. Tuttavia, se aumenta l'intervallo, dovrà salvare manualmente più frequentemente; questo evita che il browser si blocchi così tanto mentre lei si trova nell'area di amministrazione e inoltre salva meno scritture sul database.

Woocommerce

Perfmatters, guida alla configurazione 37

Riguardo alle opzioni di ottimizzazione per WooCommerce dirò solo che esistono, ma eviterò qualsiasi commento, poiché è consuetudine in questa casa non recensire nulla che non abbia ben chiaro, come nel caso. Ho disinstallato WooCommerce nel luglio 2021 e non ricordo quasi nulla della risposta a queste ottimizzazioni, quindi la rimando alla loro documentazione:

URL di accesso

Perfmatters, guida alla configurazione 38

Un'altra caratteristica interessante è la possibilità di modificare l'URL di accesso predefinito all'area amministrativa che WordPress imposta in yourdomain/wp-admin. Fa esattamente come i pugini come WPS Hide Login.

Troverà tre campi:

Nel primo caso può cambiare l'url di accesso a wp-admin con quello che desidera, come ad esempio "yourdomain.com/potato", evitando così gli attacchi brute force e altri, che di solito hanno come obiettivo l'url predefinito. Lo scriva e/o cerchi di non renderlo un url strano con troppi caratteri, in modo da non dimenticarlo (anche se può sempre recuperarlo andando alla tabella wp_options / perfmatters_options )

Perfmatters, guida alla configurazione 39

Il secondo campo (Comportamento disabilitato) stabilisce a quale url verrà inviato il visitatore che atterra sul suo dominio/wp-admin, con tre possibilità:

  • Messaggio (predefinito): visualizza un messaggio al visitatore. Può personalizzare il messaggio con il testo che desidera, aggiungendolo nel campo Messaggio.
  • Template 404: l'utente sarà inviato a una pagina 404.
  • URL iniziale: l'utente viene reindirizzato alla pagina iniziale.

Attività

È qui che le cose si fanno davvero interessanti.

Perfmatters, guida alla configurazione 1

Script Manager, la ciliegina sulla torta

Perfmatters Script Manager è senza dubbio lo strumento più potente e utile. Questo da solo vale ogni centesimo del poco che si paga per il plugin e il suo supporto.

Le permette di disabilitare gli script e i CSS utilizzati da ogni plugin e di impedirne il caricamento su un post o una pagina, in entrambi i luoghi o a livello di sito, di filtrare per utenti connessi o disconnessi, per dispositivi e di aggiungere eccezioni, anche per categorie e tag

Perfmatters, guía de configuración y uso. Script manager

Questo può aumentare drasticamente la velocità di caricamento (soprattutto della homepage), eliminando le richieste non necessarie dove i plugin non sono utilizzati, come i moduli o altro.

Perfmatters, guida alla configurazione 42

La Modalità d'uso obbligatoria (MU) porta Script Manager molto più avanti. Offre un controllo molto maggiore e la possibilità di disabilitare le query e gli agganci dei plugin di WordPress, nonché i CSS e i JS in linea. Ora può controllare tutti gli aspetti di un plugin, dai suoi script front-end, al codice inline e alle query MySQL, ovunque lei voglia.

Nella sua vista globale troverà tutte le impostazioni applicate, nel caso in cui un giorno avesse bisogno di riorganizzarle, modificarle, aggiungerne di nuove o rimuoverne alcune.

Perfmatters, guida alla configurazione 43

Ha una documentazione abbastanza completa. Se non è abituato a questo tipo di strumenti, all'inizio può essere intimidatorio, ma non appena lo proverà scoprirà che è molto facile da usare.

JavaScript

Perfmatters, guida alla configurazione 44

Rinviare e ritardare JavaScript.

Entrambi possono contribuire a migliorare la FCP e la LCP

L'aggiunta dell'attributo defer a ogni file JavaScript non critico accelera il primo content painting (FCP) della pagina. Ciò significa che il JavaScript viene scaricato durante il parsing dell'HTML ed eseguito dopo che la pagina ha terminato il caricamento (al termine del parsing). In altre parole, il download del javascript viene spinto in fondo alla pagina, in modo che venga effettuato alla fine del processo.

Con il ritardo , i risultati di LCP e TBT migliorano. Il JavaScript viene ritardato in base all'interazione dell'utente, velocizzando il primo quadro della pagina quando non è necessario qualcosa di immediato, come ad esempio script pesanti di terze parti come Google Adsense, Google Analytics, pixel di conversione di Facebook o Google Ads e simili.

Per entrambe le opzioni può aggiungere eccezioni e attivare il comportamento Delay Timeout, che imposta un timeout che caricherà automaticamente gli script dopo 10 secondi se non viene rilevata alcuna interazione da parte dell'utente. Questo è opzionale ed è disattivato per impostazione predefinita.

Perfmatters, guida alla configurazione 1

Timeout del ritardo

Se attiva questa opzione, ha la possibilità di impostare il timeout del ritardo su un valore diverso utilizzando uno di questi filtri.

Quello dell'esempio lo imposta a 7 secondi.

add_filter('perfmatters_delay_js_timeout', function($timeout) {
    return '7';
});

Si consiglia di non impostare un valore di timeout troppo breve, altrimenti la funzione di ritardo JS non funzionerà correttamente. Inoltre, indipendentemente dal timeout, il 99% delle volte tutto si attiverà alla prima interazione dell'utente, che si tratti di scorrimento, clic o primo movimento del mouse.

CSS

Perfmatters, guida alla configurazione 46

Perfmatters dice che il modo più semplice per risolvere l'avviso "Riduci i CSS inutilizzati" è attivare questa funzione, che ho recensito quando era ancora in beta, che fa tutto automaticamente. Gli sviluppatori affermano di averlo testato su centinaia di URL (utilizzando diversi modelli e impostazioni) e questi sono alcuni dei risultati che affermano di aver ottenuto:

  • Diminuzione media della FCP del 15,20%.
  • Diminuzione media dell'LCP del 19,66%.
  • Diminuzione media del TTI del 14,95%.

Prima di attivare la funzione "Rimuovi CSS inutilizzati" in Perfmatters, raccomandano di rimuovere qualsiasi precaricamento CSS esistente che sia stato configurato in Perfmatters (esclusi i fogli di stile locali di Google Fonts).
Non unisca i CSS (cosa che viene spesso fatta con WP Rocket, Litespeed, Autoptimize e altri). Il CSS merge è una tecnica di ottimizzazione obsoleta da HTTP/2. In alcuni casi, combinare i CSS può danneggiare le prestazioni (nel mio caso non è successo) e infine si assicuri di non cercare di rimuovere i CSS inutilizzati con un altro plugin.

Esistono tre metodi di rimozione:

  • Ritardo (predefinito): Tutti i fogli di stile CSS originali (CSS non utilizzati) vengono ritardati e caricati al momento dell'interazione con l'utente. Questa è l'opzione consigliata.
  • Asincrono: tutti i fogli di stile CSS originali (CSS non utilizzati) vengono caricati tramite asincrono. Questo metodo può aiutare ad evitare il pop-in, in quanto i fogli di stile vengono eseguiti in modo asincrono durante il caricamento della pagina. Questo metodo darà luogo a un LCP/FCP leggermente più alto rispetto al comportamento di ritardo.
  • Rimuovi: tutti i fogli di stile CSS originali (CSS inutilizzati) vengono rimossi. Questo è il metodo più aggressivo, ma probabilmente richiederà anche l'aggiunta di eccezioni. È consigliato solo agli utenti avanzati.

Non c'è un segreto, se non quello di sperimentare in un ambiente di prova e misurare i risultati, sia in isolamento che in interazione con le altre funzioni.

Perfmatters, guida alla configurazione 47

Alcune di queste funzioni possono essere disattivate su qualsiasi post o pagina nell'editing di WP.

Codice

Perfmatters, guida alla configurazione 48

Un classico utile che molti altri plugin includono, qualcosa che può anche essere fatto a mano, ma che semplifica e facilita l'operazione di aggiunta di codice personalizzato all'intestazione, al corpo o al piè di pagina del suo blog

I campi seguenti stampano il codice direttamente sul front-end, quindi deve essere un HTML valido. Questo include CSS inline all'interno dei tag

Non supportalinguaggi lato server come il PHP.Per aggiungere codice PHP personalizzato,si consiglia di utilizzare il pluginCode Snippets.

Precarico

Perfmatters, guida alla configurazione 49

Nel precaricamento,la prima opzione chiamata"Instant Page" utilizza lalibreriainstant.pagee carica un piccolo file JS di meno di 2 KB(instantpage.js)localmente sul suo sito e viene utilizzato per precaricare gli URL quando un utente passa il mouse su un link o un'immagine nella versione desktop. Sui cellulari, un URL viene precaricato dopo che l'utente inizia a toccare il link sullo schermo e prima che lo rilasci.

Dopo65 millisecondi,il precaricamento dell'URL inizia automaticamente in background.

Questo strumento è l'equivalente di"Instant Click" di Litespeed e"Preload Links" di WP Rocket,quindi se utilizza questa opzione in uno di questi due plugin,dovrebbe disattivarla per provare Perfmatters.

Nel mio caso ha funzionato un po' meglio dell'opzione equivalente di Litespeed,anche se va notato che in alcuni casi può aumentare il carico del server.

Come per le opzioni Javascript e CSS,l'uso del precaricamento e della preconnessione deve essere utilizzato in base alle sue esigenze, sulla base di diversi test.

Perfmatters, guida alla configurazione 50

Il precaricamento delle immagini critiche (quelle che si trovano sopra la piega) è un'opzione ancorain fase betache può aiutare a ridurre il tempo necessario per dipingere i contenuti più grandi(LCP)in Core Web Vitals.

Si tratta in genere di immagini come un logo,un'immagine in primo piano in un post, un'immagine principale su una landing page,ecc.Quando li precarica,si spostano in cima alla cascata e sostanzialmentediconoal browser che hanno la priorità e devono essere caricati immediatamente.

Può scegliere tra zero,per non precaricare nessuna immagine(l'opzione predefinita), e cinque immagini. Permatters consiglia di sceglierne due o tre al massimo, poiché Chrome ha un limite di due immagini precaricate che appariranno in cima alla cascata.

Caricamento pigro

Perfmatters, guida alla configurazione 51

Un altro classico legato alle prestazioni che WordPress ha incluso in modo nativo dal rilascio della versione 5.4 nel 2020.

Nel mio caso utilizzo l'opzione Litespeedperché nei test ho riscontrato risultati leggermente migliori,tuttavia quella di Perfmatters funziona davvero bene e si applica anche al CSS delle immagini di sfondo

Caratteri

Perfmatters, guida alla configurazione 52

Un'altra cosa positiva. Questa opzione, aggiunta alla versione 1.7.4 di Perfmattersè stato rilasciato il 7 giugno 2022. Le permette di ospitare e caricare Google Fonts localmente con un paio di clic.

I vantaggi dell'hosting dei font a livello locale sono molti:ottiene il pieno controllo su di essi,elimina tutte le richieste e quindi il tempo di caricamento e può decidere come servirli.

La funzione individua automaticamente qualsiasi riferimento a Google Fonts esistente sul suo blog,scarica i font corrispondenti dafonts.google.come li ospita localmente sul suo server nella directory:/wp-content/cache/perfmatters/your-domain.com/fonts/

Questo altro postspiega il suo utilizzo in modo più dettagliato.

CDN

Perfmatters, guida alla configurazione 53

Non c'è nulla di speciale qui e c'è poco da commentare.Uno strumento sempre utile per aggiungere il CDN che utilizza.Poiché utilizzoQUIC.CLOUD,non ne ho ancora avuto bisogno.

Analisi

Perfmatters, guida alla configurazione 54

Anche se ora non lo uso più,perché ho iniziato latransizione a Matomoe ho relegato la gestione dello script Analytics almio plugindi gestione del consenso dei cookie RGPD/CCPA,che lo gestisce correttamente,ma so che funziona molto bene con Perfmatters perché l'ho usato in passato.

Da qui può ospitare lo script di Google Analytics in locale. Questo aiuta a velocizzare il suo sito riducendo le ricerche DNS aggiuntive e risolvendo il problema dello "sfruttamento della cache del browser" del loro script.

Secondo Perfmatters, ironia della sorte, lo stesso script di Google emette un avviso sulla cache, ma questo è dovuto al fatto che la scadenza dell'intestazione della cache HTTP è molto breve.Se lo ospita lei stesso,le intestazioni della cache HTTP del suo CDN o server saranno applicate automaticamente.In altre parole,ottiene il pieno controllo sulla cache dello script.

Notano anche chequesto strumentonon è ufficialmente supportato da Google,ma è stato utilizzato per anni senza alcun problema.

L'hosting di Google Analytics a livello locale e il servizio dello script dal proprio CDN o server le consente anche di sfruttare una singola connessione HTTP/2.

Questo post include alcuni link di affiliazione.

Suscríbete por email para recibir las viñetas y los artículos completos y sin publicidad

Articoli correlati

GB QUERY LOOP BLOCK VERSION 1

GB QUERY BLOCK VERSION 2

Abbonamento via e-mail

Ricevi gratuitamente nella tua casella di posta elettronica articoli completi senza pubblicità non appena vengono pubblicati. Il contenuto completo del feed viene inviato senza pubblicità tramite un servizio esterno.