De ce nu ar trebui să vă faceți griji pentru Google PageSpeed ​​​​Insights. PageSpeed ​​​​Insights: viteza de încărcare ca factor de clasare Verificați viteza de încărcare a paginii Google

Google PageSpeed ​​​​este un instrument care vă permite să verificați viteza unui site web. Vă permite să evaluați viteza de descărcare pentru PC-uri desktop și pentru dispozitive mobileși oferă recomandări care pot fi folosite pentru optimizare.

Rezultatul analizei vitezei de încărcare a site-ului arată astfel:

După ce ați analizat viteza de încărcare a site-ului, puteți primi cel mai adesea următoarele recomandări:

Cea mai frecventă recomandare din partea serviciului este legată de alegerea optimă a imaginilor pentru site. Conținutul grafic este foarte greu și poate încetini foarte mult încărcarea paginilor de resurse. Cele mai frecvente recomandări sunt să alegeți formatul potrivit (cel mai adesea are sens să folosiți PNG), dimensiunea și calitatea imaginilor. Atât de mult imagine mare, folosit ca fundal poate încetini semnificativ viteza de încărcare a site-ului. Ar trebui să verificați întotdeauna imaginile și să le reduceți cât mai mult posibil dimensiunea și calitatea (este logic să setați dimensiunea și calitatea imaginilor la minimum acceptabil pentru o anumită resursă).

Compresia serverului web este un parametru important de performanță. Activat de modulul mod_deflate din Apache sau de o directivă din Nginx.

Stabilește dacă antetul este transmis și dacă datele sunt stocate în cache în browserul utilizatorului. Memorarea în cache vă permite să reduceți semnificativ numărul de apeluri către server, ceea ce reduce sarcina pe acesta și crește viteza de trimitere a datelor statice (care sunt majoritatea pe orice site web) către client.

Codul JavaScript este executat implicit pe măsură ce pagina se încarcă, iar CSS este procesat într-un mod similar. Aceste. Dacă un script JS este inclus în corpul documentului, redarea acestuia este întreruptă de fiecare dată până când scriptul este executat. Puteți evita acest lucru adăugând la conectarea JavaScript și HTML, corpul paginii va fi redat indiferent de codul executabil.

De exemplu, JS în modul asincron poate fi conectat astfel:

Minificarea CSS implică eliminarea spațiilor suplimentare și a întreruperilor de rând, ceea ce reduce timpul de procesare a browserului și crește viteza de încărcare a paginii pentru client.

Opțiunea este similară cu cea anterioară, dar se referă la codul HTML. OpenSource poate fi folosit pentru a minimiza HTML și CSS produse software, link-uri către care sunt postate pe site-ul web al serviciului.

Stabilește dacă sunt utilizate redirecționări date de la un domeniu la altul și de la un server la altul înseamnă cicluri suplimentare cerere-răspuns (solicitare către server DNSși solicitarea directă a datelor), ceea ce crește în mod natural timpul necesar utilizatorului final pentru a primi conținutul site-ului. Redirecționările ar trebui evitate dacă este posibil.

ÎN în acest caz, verifică dimensiunea conținutului care ar trebui să fie încărcat atunci când mergi la pagina de start pe site, optimizarea nu este necesară dacă volumul de date este mai mic de 14,6 kB de informații comprimate, ceea ce corespunde mărimii ferestrei de congestie din protocolul TCP și înseamnă că nu este necesară restabilirea unei conexiuni pentru a transmite informații care nu pot fi transmise. simultan.

Pagespeed Insights emite un avertisment privind răspunsul lent al serverului dacă conținutul paginii este difuzat în mai puțin de 200 ms.

Google PageSpeed ​​​​este un instrument foarte util pentru optimizarea site-urilor web, dar nu ar trebui să ai încredere în el necondiționat. Informațiile furnizate de Google PageSpeed ​​​​nu sunt întotdeauna corecte și pentru a înțelege criteriile care sunt evaluate, este mai bine să vă referiți la documentație.

În special, veți vedea adesea un avertisment că stocarea în cache nu este utilizată, când de fapt

PageSpeed ​​​​Insights (PSI) raportează performanța unei pagini atât pe dispozitivele mobile, cât și pe cele desktop și oferă sugestii despre cum poate fi îmbunătățită pagina respectivă.

PSI furnizează atât date de laborator, cât și de teren despre o pagină. Datele de laborator sunt utile pentru depanarea problemelor de performanță, deoarece sunt colectate într-un mediu controlat. Cu toate acestea, este posibil să nu capteze blocajele din lumea reală. Datele de câmp sunt utile pentru a capta o experiență reală a utilizatorului, dar au un set mai limitat de valori. Consultați pentru mai multe informații despre cele 2 tipuri de date.

În partea de sus a raportului, PSI oferă un scor care rezumă performanța paginii.

Date de câmp din lumea reală

Clasificare rapidă, medie, lent

peste 250 ms

Aceste praguri se aplică atât pentru dispozitive mobile, cât și pentru desktop și au fost stabilite pe baza abilităților perceptive umane.

Distribuția și valoarea selectată a FCP și FID

De exemplu, vederea a 14% în bara portocalie a FCP indică faptul că 14% din toate valorile FCP observate se încadrează între 1.000 ms și 2.500 ms. Aceste date sunt o vizualizare agregată a tuturor încărcărilor de pagină în ultimele 30 de zile.

• Deasupra barelor de distribuție, PSI raportează percentila 90 First Contentful Paint și percentila 95 First Input Delay, prezentate în secunde și milisecunde cu respect.
• Aceste percentile sunt astfel încât dezvoltatorii să poată înțelege cele mai frustrante experiențe ale utilizatorilor de pe site-ul lor. Aceste valori ale metricii de câmp sunt clasificate ca rapid/medie/lent prin aplicarea acelorași praguri prezentate mai sus.
• Eticheta de rezumat al datelor de câmp

Rapid: dacă ambele FCP și FID sunt rapide.

PSI folosește Lighthouse pentru a analiza adresa URL dată, generând un scor de performanță care estimează performanța paginii în funcție de diferite valori, inclusiv: , și .

De ce datele de teren și cele de laborator se contrazic? Datele Field spun că adresa URL este lentă, dar datele Lab spun că adresa URL este rapidă!

Datele de câmp sunt un raport istoric despre modul în care a fost efectuată o anumită adresă URL și reprezintă date anonime de performanță de la utilizatori din lumea reală pe o varietate de dispozitive și condiții de rețea. Datele de laborator se bazează pe o încărcare simulată a unei pagini pe o singură pagină dispozitiv și set fix de condiții de rețea. Ca urmare, valorile pot diferi.

De ce este aleasă percentila 90 pentru FCP și percentila 95 pentru FID?

Scopul nostru este să ne asigurăm că paginile funcționează bine pentru majoritatea utilizatorilor. Prin concentrarea pe valorile percentilei 90 și 95 pentru valorile noastre, acest lucru asigură că paginile îndeplinesc un standard minim de performanță în cele mai dificile condiții de dispozitiv și de rețea.

De ce FCP în v4 și v5 are valori diferite?

V5 FCP se uită la percentila 90, în timp ce v4 FCP raportează mediana (percentila 50).

Care este un scor bun pentru datele de laborator?

Orice scor verde (90+) este considerat bun.

De ce se schimbă scorul de performanță de la o alergare la alta? Nu am schimbat nimic pe pagina mea!

Variabilitatea în măsurarea performanței este introdusă printr-un număr de canale cu diferite niveluri de impact. Câteva surse comune de variabilitate a metricii sunt disponibilitatea rețelei locale, disponibilitatea hardware-ului clientului și conflictul de resurse ale clienților.

Dacă aveți o întrebare despre utilizarea PageSpeed ​​​​Insights care este specifică și care poate răspunde, adresați-vă întrebarea în engleză pe Stack Overflow.

Dacă aveți feedback general sau întrebări despre PageSpeed ​​​​Insights sau doriți să începeți o discuție generală, începeți un subiect în lista de corespondență.

A fost utilă această pagină?

Da Super! Vă mulțumim pentru feedback.

Viteza de încărcare a site-ului web este cea mai importantă componentă a unei experiențe pozitive de utilizator, precum și unul dintre factorii de clasare a site-ului web în rezultatele căutării. Adevărul este că utilizatorii de astăzi nu vor să aștepte mai mult de 5 secunde până se încarcă o pagină. Dacă site-ul dvs. nu se încarcă suficient de repede, pierdeți clienți potențiali.

Cu 50% din traficul online care vine de pe dispozitive mobile, utilizatorii se așteaptă ca site-urile să se încarce aproape instantaneu și versiunea mobilă. În acest articol, veți învăța cum să obțineți nota 100 din 100 cu instrumentul Google PageSpeed ​​​​Insights atât pentru versiunile mobile, cât și pentru cele desktop ale site-ului dvs. web.

La verificarea site-ului Google cu instrumentul său PageSpeed ​​​​Insights, s-a observat că nu există probleme cu versiunea desktop a site-ului - 100/100, dar rezultatele versiunii mobile lasă de dorit - 71/100.

Înseamnă asta că un rezultat de 100/100 nu este atins?

Primul lucru de remarcat este că instrumentul PageSpeed ​​​​este doar un ghid pentru îmbunătățirea calității site-urilor web. Instrumentul oferă recomandări pentru optimizarea site-ului web care ajută la îmbunătățirea vitezei de încărcare a paginii, dar obținerea rezultatului dorit depinde de setările serverului.

Unii dintre acești pași necesită expertiză tehnică, alții nu. Aceste instrucțiuni pot fi urmate în orice sistem de management al conținutului.

Instrumentul PageSpeed ​​​​Insights oferă optimizarea imaginilor prin reducerea dimensiunii fișierului. Pentru a face acest lucru, puteți lua următoarele măsuri:

· Comprimați toate imaginile folosind instrumentele Compressor.io și TinyPNG (sau orice alte instrumente gratuite). În unele cazuri, aceste instrumente pot reduce dimensiunea imaginilor cu mai mult de 80% fără a le compromite calitatea.

· Reduceți dimensiunea imaginilor la parametrii necesari fără a le compromite calitatea. Să presupunem că dacă aveți nevoie de o imagine de dimensiunea 150x150px, aceasta este dimensiunea imaginii care trebuie încărcată pe server. Nu este recomandat să folosiți imagini mai mari decât doriți să încapă pe site sau să le reduceți dimensiunea cu folosind CSS sau etichete HTML.

Puteți descărca imagini, le puteți comprima și formata manual sau puteți utiliza serviciul PageSpeed ​​​​Tool și puteți descărca o imagine deja optimizată. Același lucru se poate face cu JavaScript și CSS.

Dimensiunea resursei poate fi redusă prin eliminarea octeților care nu sunt necesari, cum ar fi spații suplimentare, întreruperi de linie și indentare. Când creează coduri, programatorii pleacă adesea locuri libere si comentarii. Uneori, ștergându-le, puteți reduce dimensiunea fișierelor la jumătate.

Pentru a rezolva această problemă, puteți instala instrumentul Gulpjs pe server. Instrumentul creează automat un nou fișier CSS și elimină toate spațiile albe. De asemenea, creează automat un nou fișier CSS pentru orice modificări pe care le faci. În acest caz, dezvoltatorul a reușit să reducă dimensiunea fișierului CSS principal de la 300 kb la 150 kb.

Dacă utilizați WordPress, este o idee bună să instalați pluginul Autoptimize.

De asemenea, puteți descărca fișiere deja optimizate sugerate de PageSpeed ​​​​Tool.

Pentru a îmbunătăți timpul de răspuns al serverului, puteți muta toate fișierele statice de pe site-ul dvs. pe un CDN.

Un CDN este o rețea de servere răspândite în întreaga lume care optimizează livrarea și distribuirea conținutului (imagini, fișiere CSS și JavaScript) către utilizatorii finali de pe Internet. Un CDN stochează copii ale conținutului site-ului dvs. pe serverele sale. Când un utilizator vă vizitează site-ul, conținutul static este încărcat de pe serverul cel mai apropiat de el.

Să presupunem că serverul principal al site-ului dvs. este în Texas și nu utilizați un CDN. Un utilizator din Amsterdam, de exemplu, va trebui să aștepte până când serverul încarcă un site din America. Dacă utilizați un CDN, site-ul dvs. se va încărca de pe serverul cel mai apropiat de Amsterdam, ceea ce va dura mult mai puțin.

Mai jos este o diagramă a funcționării CDN cu GTmetrix.

Puteți transfera toate imaginile, fișierele JavaScript și CSS pe CDN și le puteți lăsa doar pe serverul principal fișier HTML. Găzduirea imaginilor pe un CDN poate îmbunătăți semnificativ viteza de încărcare a paginilor site-ului.

Folosirea unui cache de browser înseamnă că fișierele de pe site-ul dvs. - imagini, fișiere CSS și JavaScript - sunt descărcate de pe server o singură dată, iar browserul le stochează pe computer. Data viitoare când paginile încarcă totul fisierele necesare va fi extras de pe computerul utilizatorului.

Pentru a utiliza memoria cache a browserului, trebuie să creați un fișier .htaccess și să scrieți directivele necesare în el folosind modulul expires. Durata în care datele sunt stocate în cache poate fi setată în funcție de timp, de ultima modificare a fișierului sau de timpul de acces al clientului.

Principala provocare cu care trebuie să se confrunte dezvoltatorii în acest caz este mutarea codului JavaScript din partea de sus și din corpul paginii în partea de jos pe tot site-ul.

Dacă utilizați WordPress, pluginul Autoptimize menționat mai devreme vă poate ajuta în acest sens. Pentru a face acest lucru, trebuie doar să modificați setările pluginului.

Puteți activa compresia în setările serverului dvs. Dacă vă îndoiți de competența dvs. în această chestiune, întrebați-vă suport tehnic Activați compresia GZIP pentru serverul dvs.

O versiune adaptivă a unui site mobil necesită utilizarea unei rezoluții corecte de imagine, setări de font și un sistem de navigare bun.

Puteți afla cum arată site-ul dvs. pe diferite dispozitive în Google Chrome. În meniul din dreapta sus, faceți clic pe „ Instrumente suplimentare", iar apoi - "Instrumente pentru dezvoltatori".

1. Utilizați un CDN.

2. Utilizați memoria cache a browserului.

3. Eliminați resursele care blochează afișarea din partea de sus a paginii.

4. Optimizați dimensiunea imaginilor și comprimați-le.

Viteza de încărcare a paginii este acum un semnal foarte important pentru motoarele de căutare. Și pentru utilizatori, acesta este un factor semnificativ, căruia este dificil să nu-i acordați atenție dacă există probleme cu acesta. Îmbunătățind viteza site-ului, nu numai că puteți obține beneficii de clasare, dar puteți câștiga și mai multă încredere și rate de conversie. Mai jos este o listă cu cele mai utile instrumente care te vor ajuta să analizezi și să identifici cele mai slabe puncte ale site-ului tău în ceea ce privește viteza.

Instrumentul Google pentru viteza de încărcare a paginii. Afișează o valoare de la 0 la 100 atât pentru desktop, cât și pentru dispozitivele mobile. Subliniază imediat punctele slabe ale site-ului și oferă recomandări pentru optimizarea vitezei.

Oferă o evaluare a vitezei, arată numărul de apeluri către server și timpul mediu de încărcare. ÎN tabel pivot va afișa în detaliu datele pentru fiecare cerere către server (stiluri, scripturi, imagini etc.). Este ușor de evaluat ce anume de pe site încetinește încărcarea.

Încărcați două site-uri pentru comparație (dvs. și un concurent), observați vizual care se încarcă mai repede (convenient de demonstrat clienților). La sfârșitul descărcării, sunt afișate informații despre ce site a câștigat și de câte ori s-a încărcat mai repede.

Încarcă pagina de două ori, compară numărul de accesări - arată cât de bine este organizată memorarea în cache, arată statistici detaliate pentru fiecare dintre teste. Salvează capturi de ecran ale modului în care arată site-ul în fiecare secundă de încărcare. De asemenea, arată într-o formă convenabilă care grup de solicitări a luat cel mai mult timp. Serverul este situat în Dallas (SUA).

Un alt instrument util pentru testarea vitezei site-ului. Afișează o mulțime de informații rezumative, stochează și un istoric, astfel încât să puteți compara cât de mult s-a îmbunătățit sau s-a înrăutățit viteza de descărcare. Încarcă recomandări Yahoo și Google pentru optimizarea vitezei, sortându-le după prioritate. Serverul de testare este situat în Vancouver (Canada).

Serviciul testează cât de mult poate rezista site-ul la sarcină (DDOS ușor). Câteva zeci de utilizatori și peste o sută de conexiuni active sunt emulate. Deoarece testul durează câteva minute, alte instrumente pot fi folosite în acest timp de încărcare pentru a evalua viteza de încărcare a paginii în timpul orelor de vârf. La sfârșitul testului, puteți vedea un grafic al modului în care se modifică viteza de descărcare în funcție de numărul de utilizatori activi.

Analizează încărcarea site-ului web din diferite părți ale Pământului - servere din SUA, Europa și Asia. Afișează statistici rezumate pentru fiecare test.

Trimite cereri către pagina analizată de la diferite centre de date (aproximativ 30 de servere) și determină viteza pentru fiecare dintre ele. Evidențiază performanța cea mai bună, cea mai proastă și medie în timp și viteză.

Verificare în masă a vitezei site-ului. Puteți specifica până la 10 adrese - comparând astfel timpul de încărcare și dimensiunea documentului pentru fiecare resursă.

Raportați despre încărcarea paginii și toate scripturile/stilurile/imaginile suplimentare. Un instrument simplu și adesea necesar.

Dacă utilizați alte instrumente online gratuite pentru a verifica viteza de încărcare a paginii site-ului, vă rugăm să le distribuiți în comentarii.

Salutare tuturor! De mult îmi doream să scriu un articol despre serviciu google viteza paginii, deși am scris deja despre accelerarea și optimizarea site-ului web și am dat sfaturi care vă vor ajuta să vă creșteți scorul de viteză a paginii Google. Dar astăzi vorbim despre altceva, recent am încetat să-mi mai fac griji pentru performanța mea în serviciu viteza googleși încearcă să-l îmbunătățești cumva. La un moment dat am crescut cifra de la 2% la 87%, impresionant, nu-i așa!? Dar după ceva timp a trebuit să schimb șablonul site-ului meu WordPress, după care indicatorul a scăzut la 63%, probabil șablonul s-a dovedit a fi mai greu decât cel anterior.

De asemenea, mai târziu, la instalarea unui plugin care afișează o grilă adaptivă de anunțuri postate pe site, indicatorul a scăzut și mai mult la 30%. Adică, din câte am înțeles, a trebuit să aleg fie un site frumos, fie un scor mare în serviciul de viteză Google. Mai mult, am observat că indicatorul poate să nu fie mare, 50-70%, iar acest lucru nu afectează în niciun fel viteza de deschidere a site-ului în browser. Cu un indicator de 63%, site-ul meu funcționează fără probleme, desigur, dacă abandonezi aproape toate pluginurile și alegi o temă mai ușoară pentru site-ul tău, poți crește indicatorul la 90-100%. Dar de ce să faci asta? De dragul numerelor? De dragul încrederii de sine?

Viteza paginii Google numără fiecare kilobyte!

Dacă imaginea de pe site-ul dvs. poate fi optimizată, adică comprimată cu încă câțiva kilobytes, atunci Google va coborî indicatorul până când eliminați acești doi kiloocteți. Adică doar din cauza câțiva kiloocteți, indicatorul poate fi coborât, dar în același timp pentru site acest lucru nu aduce absolut nicio schimbare în ceea ce privește viteza, totul este la fel! Atunci de ce o să-mi fac griji pentru acești kiloocteți, pufând acolo, pierd timpul? Din nou, se dovedește doar de dragul cifrelor, de dragul faptului că sunt mai bun și mai cool decât toți ceilalți, uite cât de mare este scorul meu, asta e o prostie! Vreau doar să-i supăr pe cei care se presupune că cred că, după ce își vor crește scorul de viteză a paginii Google, site-ul lor va deveni în mod miraculos popular, vizitat, interogări de căutare

vor crește, etc. Haideți băieți, treziți-vă! Nu mai stați acolo ore întregi, să vă pierdeți timpul, să vă îmbunătățiți site-ul, să scrieți ceva util mai bine. Nu m-ar mira că există oameni care nu dorm noaptea pentru că au un scor mic de viteză google. În general, această cursă pentru un scor mare poate duce la absurd... nu, nu mai vreau să joc jocuri Google, m-am săturat. Știu cum să fac un scor mare, dar nu mă mai interesează acest lucru, sunt interesat să scriu postări utile pe site-ul meu. Și nici nu îmi voi schimba șablonul de dragul unui indicator ridicat.în acest moment

Recomandările mele: dacă ai probleme cu site-ul, se încarcă lent, sunt probleme cu serverul, creează o încărcare mare, atunci poate că serviciul google page speed te poate ajuta să identifici motivele și să te ajute să le elimini. Dacă nu aveți probleme cu performanța site-ului, atunci nu trebuie să știți despre acest serviciu, nu aveți nevoie de el, creșterea indicatorului nu vă va ajuta în niciun fel, va dura doar timp și va încurca toate carduri.

Trebuie să înțelegi asta pe cont propriu motor wordpress Acesta este un sistem greu, multe funcții și clopoței și fluiere, care necesită resurse. Problema cu încărcarea serverului poate fi rezolvată doar prin creșterea limitelor de găzduire, adică trecerea la un tarif mai mare sau la un server dedicat. Odată atins un anumit indicator, acest proces este inevitabil și aici viteza paginii Google nu te va mai ajuta.

Asta e tot pentru mine, astept comentariile voastre, ne vedem data viitoare!

De ce am marcat la viteza paginii Google. Perspective actualizate: 7 ianuarie 2019 de Ilya Zhuravlev