WP Rocket 3.19: Îmbunătățiri fără efort pentru LCP îmbunătățită și stabilitatea aspectului

Vă amintiți cum echipele de Formula 1 câștigă cursele? Nu este doar o schimbare mare, ci mai degrabă multe mici îmbunătățiri care se adaugă pe termen lung. Noua noastră versiune majoră reflectă încă o dată această viziune a optimizării incrementale și inteligente: Meet WP Rocket 3.19!

Cea mai recentă versiune a noastră se concentrează pe îmbunătățirea a două caracteristici pentru a le face accesibile tuturor, indiferent de expertiza lor tehnică. Am luat procese complexe care au necesitat o optimizare manuală pe bază de pagină pentru a fi eficiente și le -am transformat în caracteristici care funcționează în fundal, făcându -și magia.

Rezultatele? WP Rocket 3.19 aduce o experiență de utilizator mai bună pentru vizitatorii dvs., datorită îmbunătățirii stabilității aspectului și prevenirii schimbărilor de conținut, alături de o viteză percepută crescută și o cea mai mare grad de vopsea mulțumită.

La WP Rocket, credem că toată lumea merită un site web rapid - de aceea găsim în mod constant modalități de a simplifica optimizarea vitezei, asigurându -ne că toți clienții noștri pot beneficia de caracteristicile noastre puternice.

Sunteți gata să vedeți cum aceste îmbunătățiri ușoare și inteligente pot adăuga o performanță mai bună pentru site -ul dvs. web? Să ne scufundăm în detaliile WP Rocket 3.19 sau să vizionăm videoclipul de mai jos.

Ce presupune WP Rocket 3.19

WP Rocket 3.19 introduce două îmbunătățiri care funcționează în culise pentru a stimula performanța site -ului dvs. web.

Prima îmbunătățire este legată de fonturile de preîncărcare: funcția păstrează același nume în timp ce schimbă modul în care funcționează și locația sa, așa cum veți citi chiar mai jos.

Cel de -al doilea se concentrează pe automatizarea funcției de solicitări PREFECTH DNS, care a fost redenumită preconect la domenii externe și eliminată din interfața pluginului - veți afla motivul din spatele acestei alegeri în secțiunea dedicată.

Preîncărcați fonturile într-un singur clic

Să facem un pas înapoi și să înțelegem ce este preîncărcarea fontului și de ce contează pentru performanța site -ului dvs. web.

Explicând preîncărcarea fontului

Preîncărcarea fontului este o tehnică de optimizare puternică care poate îmbunătăți cât de rapid și fără probleme apare textul pe site -ul dvs. web.

Iată de ce: Când un vizitator vine pe site -ul dvs. web, browserul lor trebuie să încarce nu doar conținutul paginilor dvs., ci și fonturile aferente. Fără preîncărcare, iată ce se întâmplă de obicei:

1. Browserul începe să -ți afișeze textul folosind un font implicit.

2. Apoi descoperă în CSS -ul dvs. că are nevoie pentru a încărca un font personalizat - cel pe care l -ați ales.

3. Odată ce fontul personalizat este încărcat, textul se schimbă pentru a utiliza acest nou font în loc de cel implicit.

Acest proces poate provoca ceea ce este cunoscut sub numele de un bliț de text nestelat (FOUT). Fout este un moment scurt în care textul dvs. schimbă brusc aspectul pe măsură ce fontul personalizat se încarcă.

Puteți ghici ce se întâmplă în continuare: aspectul paginii dvs. tinde să se schimbe. O astfel de schimbare nu este doar neplăcută din punct de vedere vizual, dar poate avea un impact negativ asupra gradului de schimbare a machetei cumulate (CLS), unul dintre vitalele web de bază ale Google.

Preîncărcarea fontului ajută la abordarea acestei probleme, spunându -i browserului că fonturile dvs. personalizate sunt importante și că trebuie descărcate imediat, chiar înainte de a analiza tot codul CSS. Drept urmare, fontul personalizat este mai probabil să fie gata atunci când browserul afișează mai întâi textul, reducând sau eliminând schimbarea fontului și asigurând mai multă stabilitate la aspect.

De ce ar trebui să preîncărcați fonturile?

Beneficiul preîncărcării fonturilor și evitarea schimbărilor de dispunere este strâns legat de îmbunătățirea experienței utilizatorului, ceea ce înseamnă că oferiți o primă impresie excelentă și asigurați -vă că vizitatorii dvs. sunt dispuși să rămână pe site -ul dvs. web și să se convertească potențial.

Mai mult decât atât, preîncărcarea fontului poate îmbunătăți, de asemenea, cea mai mare grad de vopsea contextuală (LCP), un alt web de bază vital care măsoară cât de rapid este cel mai mare element de conținut din pagina dvs. Scufundându -se în specific, preîncărcarea fontului poate optimiza performanța LCP atunci când elementul LCP este un nod de text - ceea ce este cazul pentru o medie de 20% din site -urile web între mobil și desktop.

3.19: Faceți cunoștință cu noua funcție de fonturi de preîncărcare

În timp ce preîncărcarea fontului poate aduce aceste câștiguri semnificative de performanță, am observat că clienții noștri abia au folosit această caracteristică sau nu a fost întotdeauna implementată corect. Dimpotrivă: fonturile de preîncărcare s-au dovedit a fi contraproductive înțelepte ale performanței. De aceea, am dorit să facem această opțiune mai ușoară și accesibilă tuturor clienților noștri, reducând în același timp implementarea incorectă a acesteia.

Și aici suntem: WP Rocket 3.19 face din fonturile de preîncărcare un proces automat pe care îl puteți activa într -un singur clic.

Nu mai trebuie să identificați manual URL -urile de fișiere de font corecte și să le preîncărcați pentru a face ca funcția să funcționeze eficient. După ce a activat opțiunea, WP Rocket detectează automat, pe fiecare pagină, care fonturile sunt utilizate mai sus și trebuie să fie prioritare, atât de pe mobil, cât și de desktop. Apoi preîncărcă doar aceste fonturi relevante, ceea ce duce la o optimizare mai precisă și mai eficientă.

Această optimizare face diferența, deoarece preîncărcarea activelor neutilizate ar putea dăuna performanței. De exemplu, dacă un font preîncărcat nu este utilizat în primele secunde de la încărcarea paginii, browserele precum Chrome pot emite un avertisment. Concentrându-vă doar pe fonturile care sunt cu adevărat necesare peste plâns, noua opțiune de fonturi de preîncărcare vă ajută să evitați aceste probleme potențiale și asigură o preîncărcare optimă a fontului.

Vă rugăm să rețineți că acum veți găsi noua funcție de fonturi de preîncărcare în fila Media:

Dacă aveți fonturi specificate anterior manual, opțiunea automatizată va fi activată în mod implicit.

Linie de jos : Noile caracteristici de fonturi de preîncărcare optimizează automat încărcarea fonturilor, asigurând o experiență mai ușoară pentru vizitatorii dvs. din momentul în care aterizează pe site -ul dvs. web - și necesită doar un clic.

Preconect la domenii externe: un proces automat nou

În ceea ce privește caracteristica anterioară, să începem prin explicarea pe scurt impactul preconectului către domenii externe pe viteza site -ului dvs.

Preconect la domenii externe în engleză simplă

Preconectul la domeniile externe este o tehnică de optimizare puternică care are un impact pozitiv asupra încărcării resurselor.

Când site -ul dvs. web trebuie să încarce resurse, cum ar fi fonturi sau scripturi din domenii externe, browserul dvs. de obicei trebuie să stabilească mai întâi o conexiune la aceste domenii. Acest proces de conectare poate adăuga întârziere inutilă procesului de descărcare a activelor externe, afectând valori specifice dependente de aceste active externe.

Preconect abordează această problemă spunând browserului în avans care vor fi necesare conexiuni. Acest lucru permite browserului să configureze aceste conexiuni mai devreme, reducând timpul necesar pentru a încărca resurse externe atunci când sunt necesare.

Această optimizare aduce două beneficii:

1. Timp de încărcare îmbunătățit : prin configurarea conexiunilor în avans, site -ul dvs. web poate începe să încarce mai rapid resurse externe - iar paginile se încarcă mai repede.

2. Performanță LCP îmbunătățită : Dacă cel mai mare element de vopsea contextual este un font dintr-un domeniu terț, preconnectarea îl poate ajuta să se încarce mai rapid, îmbunătățind potențial scorul LCP.

3.19: De la prefetch DNS solicită la preconectare la domenii externe

Am observat că caracteristica Prefetch DNS a fost, de asemenea, subutilizată și adesea aplicată greșit. De aceea, am decis să automatizăm această opțiune, eliminând -o din interfața WP Rocket și redenumim -o la preconectare la domenii externe.

Cu WP Rocket 3.19, această optimizare puternică funcționează în fundal și nu trebuie să fie activată. De aceea nu veți mai găsi această caracteristică în setările rachetelor WP.

Iată ce trebuie să știți despre această îmbunătățire:

1. Este un proces complet automatizat : nu mai trebuie să identificați manual ce domenii trebuie să includeți atunci când implementați optimizarea. WP Rocket se ocupă acum automat.

2. Se aplică numai pe paginile în care este nevoie, atât pe mobil, cât și pe desktop, rezultând o abordare mai eficientă și mai direcționată, care este consistentă pe toate dispozitivele.

După cum s -a explicat mai sus, această caracteristică poate duce la timp de încărcare mai rapid și la un scor LCP îmbunătățit - totul fără a fi necesar să ridicați un deget.

Dacă doriți să dezactivați funcția, trebuie să aplicați următorul filtru:

 add_filter('rocket_preconnect_external_domains_optimization', '__return_false');

Vă sugerăm să -l dezactivați doar dacă site -ul dvs. web are mai mult de zece domenii de preîncărcat - în acest caz, este mai bine să lăsați browserul să gestioneze procesul. Deși, în general, există câteva domenii externe pe pagină, puteți verifica dacă acest scenariu se aplică site-ului dvs. web, analizând codul sursă a paginii și numărul de apariții de date-Rocket-Preconnect.

Linia de jos : Caracteristica preconect la domenii externe este o nouă îmbunătățire automată care stabilește conexiuni mai rapide între site -ul dvs. web și resursele externe, eliminând în același timp riscul de implementare incorectă.

Performanță reglată fină: optimizări automate în acțiune

Vorbind despre caracteristicile rachetei WP care funcționează automat, preconectarea la domenii externe este cea mai recentă și se adaugă celor existente:

• Cache de pagină (inclusiv memoria cache mobilă)

• Optimizați imaginile critice

• Redare automată leneșă

• Caching browser

• Compresie Gzip

• Asistență încrucișată pentru fonturi web

• WooCommerce Refresh Cart Fragments Cache

• Optimizați fișierele Google Fonts

• Dezactivați Emoji WordPress

Toate aceste caracteristici nu au o interfață de utilizator - doar funcționează. Asigurați -vă că, dacă aveți nevoie, puteți să le dezactivați întotdeauna folosind un filtru sau un plugin de ajutor.

Aceste caracteristici automate sunt în vârful opțiunilor care se pornesc atunci când activați racheta WP pentru prima dată, cum ar fi CSS și JS, Cache Lifespan, Preîncărcare Cache, Link -uri de preîncărcare și control de bătăi de inimă.

Nu este de mirare că site -ul dvs. web primește un impuls de viteză imediat ce activați pluginul nostru!

Dacă sunteți curios de impactul real al acestor automatizări, rețineți că rezultatele pot varia în funcție de site-ul dvs. specific. În timp ce WP Rocket 3.19 aduce noi îmbunătățiri, îmbunătățirile performanței pe care le veți vedea se adaugă la câștigurile de viteză deja obținute de caracteristicile noastre existente.

Înfășurarea

WP Rocket 3.19 ne întărește angajamentul de a urma abordarea „decizii, nu opțiuni” și de a face optimizări complexe ca procese automate. Ne străduim să facem alegeri corecte pentru dvs., așa că nu trebuie să petreceți timp și efort pentru a înțelege ce este mai bun pentru site -ul dvs. web.

Îndepărtăm treptat barierele pentru performanțe ridicate, asigurându -ne că mai mulți utilizatori pot beneficia de optimizări avansate - și mai multe urmează!

Sunteți gata să vedeți cum aceste noi funcții automatizate vă pot ajuta site -ul? Actualizați la WP Rocket 3.19 sau încercați-o cu garanția noastră de 14 zile de returnare a banilor. Experimentați de prima dată cum facem optimizarea mai simplă și anunțați -vă gândurile în comentarii!