Ca proprietar de site, știi că ar trebui să fie rapid. Și ați citit deja diferite articole despre cum să accelerați site-ul dvs., poate chiar și ceva deja implementat. Apoi devine interesant cât de repede situsul este încărcat. Aici mergeți la Google PageSpeed \u200b\u200bInsights ca fiind cel mai popular instrument, veți primi o evaluare și o listă de recomandări de la Google. Și aici majoritatea dintre noi sunt pierduți:

• Este indicatorul Insights PagesPeed pentru SEO?
• De ce evaluarea site-ului meu nu este maximă?
• Ce înseamnă toate aceste recomandări?

Anterior, ați inclus cache-ul pe site și așteptat ca ratingul PageSPEED să fie aproape perfect, iar acum crezi de ce acest plugin nu a remediat toate problemele la viteze? Poate că nu este foarte bun? Un răspuns scurt este că:

Indicatorul Google PagesPeed nu contează.

Da, este așa ... dar de ce nu contează?

Viteza paginii VS PageSpeed \u200b\u200bInsights

Viteza (ora de descărcare a site-ului) este importantă și este o valoare importantă în SEO și afectează, de asemenea, experiența utilizatorului. Când indicele GoogleBOT site-ul, el nu vede indicatorul PagesPed, dar numai știe viteza în sine. Știți că perspectivele Google PagesPeed nu măsoară viteza site-ului dvs.? Da, citiți-o din nou:

Insightele Google PagesPeed nu măsoară viteza site-ului.

Bună ziua, dragă site-ul de cititoare blog! Astăzi, postul va fi dedicat instrumentului minunat al AID-urilor Google Page, care vă permite să testați orice pagină pentru a studia posibilitățile de accelerare a încărcării sale ().

Nu este un secret că motoarele de căutare, în special Google, acordă recent o atenție deosebită acestui aspect, site-urile rapide primesc un anumit avantaj în clasament și poziții superioare în rezultatele căutării.

Google Page Speed \u200b\u200bInsights nu numai că detectează și indică toate motivele pentru care pagina nu este încărcată rapid, ci oferă și modalități specifice de a le elimina, iar unele dintre problemele descoperite pot fi ușor eliminate de către forțele de service în modul automat.

Care sunt instrumentele de optimizare deloc utilizează Google?

În principiu, pentru fiecare dintre proiectele dvs., plătesc suficient timp pentru a optimiza paginile care contribuie la descărcarea rapidă a acestora. Într-adevăr nu a ajuns la blog numai înainte de site-ul blog, care este, în esență, un manual vizual pentru webmasterii începători, care nu este lipsit de ambiții sănătoase și acuzat pentru a atinge scopul.

Dar, pentru că, prin natura lor, sunt un perfecționist, nu a putut permite resurselor web de informare să transporte, ca să spunem, cunoașterea masei, ar fi într-un aspect printre lagardele. Prin urmare, sa decis să se facă eforturi maxime de ao optimiza, inclusiv recomandările privind ajutoarele.

Prin urmare, se întoarce imediat la descrierea acestui instrument, astfel încât să puteți estima funcționalitatea și să aplicați în practică în beneficiul resurselor dvs. web.

Anterior, a fost posibilă utilizarea sub formă de extensii pentru browsere și, descărcați link-uri la o pagină specială a Google. Mai mult, pentru ao aplica într-o mizonală, mai întâi a fost necesar, în cazul în care Paige SIDA a fost prezent ca adăugare:

Acum, nu mai este posibilă aplicarea extensiilor pentru browserele de la Google, deși aceleași pluginuri, dar în alte alte interpretări, sunt disponibile pe site-urile oficiale de crom și masisle. În plus, există monitorul funcțional serviciul online Google cu exact aceleași posibilități funcționale și nu mai puțin. Dacă mergeți la secțiunea Dezvoltatori, veți vedea un link către instrumentul de viteză a paginii:

Apropo, pe aceeași pagină Instrumente "PagesPeed" Există toate propunerile Google pentru accelerarea site-urilor. Se pare că dezvoltatorii "bunului imperiu" au preluat serios optimizarea și accelerarea întregului spațiu de internet, deoarece în dezvoltatorii veți găsi un link către Biblioteca de optimizare ( Integrați biblioteca de optimizare PageSPEED) Sursa deschisa.

Disponibilitatea codului deschis software. Acest proiect care operează pe baza modulului " mod_pagespeed.", Care este instalat pe serverul Apache (KOI, apropo, majoritatea covârșitoare), înseamnă că poate fi îmbunătățită sau actualizată pe oricine.

Aceasta este, în acest fel, este destul de realistă în detrimentul comunității de internet pentru a crea o aproape de instrumentul de accelerare perfectă. Cum arată totul în practică, timpul va arăta. În mod natural, pentru a face o contribuție completă și pentru a obține succes în această brevetare, este necesar să fie un programator destul de calificat.

Dacă aruncați o privire la screenshot-ul de sus (informațiile sunt încorporate cu un cadru verde), veți vedea un link pentru a instala cea mai recentă versiune a modulului gata făcut acolo. Este posibil să fie interesant pentru proprietarii care îl pot instala pe serverele lor, oferind accelerația automată a siturilor situate acolo.

În plus, există două modificări ale modulului Pagina SIDA: direct pentru servers Apache Și pentru Bundle Apache + Nginx, unde al doilea joacă rolul serverului proxy:

Apropo, ponderea apachatică și NGNIX în condiții moderne este cea mai solicitată și este utilizată de cei mai avansați de hosdute (inclusiv, de exemplu, sprithost), deoarece asigură utilizarea eficientă a resurselor. Deci, dacă sunteți interesat de această metodă de accelerare automată a site-urilor, vă puteți atașa la această mână sau să vă exprimați caracterul.

Google PagePed recomandă (căi pentru a crește viteza de încărcare a paginii)

Mai sus, ne-am uitat la posibilitatea de a vorbi, creșterea globală a vitezei de descărcare a site-urilor web, care necesită cunoștințe specifice (este probabil ca aceste informații să fie utile pentru cineva util, cel puțin în viitor).

Dar pentru partea principală a cititorilor, adică webmasterii simpli, o opțiune mai relevantă este clară și disponibilă aici și acum. " Doar astfel de condiții respectă pe deplin serviciul PageSPEED Insights, care va fi vorbit. Pentru a analiza o anumită pagină a site-ului, introduceți adresa URL () de pe această pagină:

După analiză, veți vedea regulile Google și cu privire la dispozitive mobileși PC-ul, care este deosebit de valoros. În acest exemplu, pentru prima pagină a acestui blog, 76 acreditări de la 100 pentru telefoanele mobile este un rezultat mediu care poate fi îmbunătățit semnificativ dacă beneficiați de recomandări.

Mai mult, pentru a optimiza fiecare resursă care încetinește încărcătura paginii, se oferă referințe la secțiunile relevante (în scopul primirii, faceți clic pe link "Cum să rezolvi?"), unde veți găsi descrieri ale acțiunilor necesare pentru a elimina deficiențele.

Dar aici trebuie să faceți o remarcă importantă. Necesar analizați paginile tipuri diferite Pentru a obține o scădere a timpului de descărcare al întregului site ca întreg. De exemplu, pentru un blog standard Vordpress, nivelul de optimizare în acest aspect pentru principalele, coloanele, paginile statice și înregistrările pot fi complet diferite.

Deasupra am dat un exemplu pagina principalaLa ce posturi sunt afișate, dar unul dintre ajutoarele de pagină a articolelor a dat o evaluare mult mai mică:

Acest lucru sa întâmplat deoarece posturile sunt de obicei mult mai voluminoase și includ multe tipuri diferite de resurse și conținut (imagini, video, scripturi). Prin urmare, este mai bine să începeți verificarea optimizării de la acestea. Apropo, din acest punct de vedere, respinge de la evaluarea Viteza paginii oferă telefoane mobileDeoarece realizarea unei viteze de încredere pe astfel de dispozitive necesită mult mai multe televisiuni.

Dar chiar și înregistrările diferite ale înregistrărilor pot diferi în calitate. Acest lucru se întâmplă, inclusiv pentru că unele dintre ele efectuează scripturi suplimentare care încetinesc descărcarea. De exemplu, nivelul de optimizare a unuia dintre aceste weblon nu ma provocat doar surpriză, dar un adevărat șoc:

Este clar că 62 de puncte din 100 posibil nu este rezultatul la care trebuie să vă străduați. Și toate pentru că pe acest lucru și alte pagini de înregistrări, am un script de plugin de sintaxă, inițiator frumos de decorare Coduri iluminate.

Pot exista mai multe astfel de extensii pe site. În fiecare caz, este necesar să vă rezolvați cât de mult este important plug-in pentru resursa dvs. din punctul de vedere al funcționalității pe care le oferă. Și în funcție de aceasta, este necesar să le ștergeți sau să luați măsuri pentru a optimiza care va ajuta la accelerarea încărcării paginii.

Cele de mai sus sunt valabile în special în cele mai populare CMS din lume, care se bucură de numărul copleșitor de webmasteri. Acest motor multifuncțional este bun, dar trebuie să fie în mod constant debugged în ceea ce privește reducerea încărcăturii pe server și reducerea timpului de încărcare a paginii. Prin urmare, proprietarii de resurse web care lucrează la WP ar trebui să ia această notă. Și disponibilitatea unui astfel de serviciu ca o pagină ajută aici, deoarece este imposibilă.

Asigurați-vă că ați citit toate aceste articole cel puțin în modul de vizualizare, făcând clic pe link-urile de mai sus, puteți găsi o mulțime de utilă pentru dvs. În viitor, intenționez să revin la problema accelerării resurselor web mai mult decât o dată și, prin urmare, puteți emite un abonament pentru a nu pierde rezultatele publicațiilor proaspete pe această temă.

În concluzie, consultați videoclipul util din care veți afla de ce sfaturile de viteză a paginii sunt o natură recomandare și pentru motivul pentru care nu ar trebui să le urmeze fanatic.

Modulul Google PagePed pentru site: Ce poate și cum să utilizați

Am decis să experimentăm și să adăugăm accelerator de la Google la trei proiecte. Ce sa întâmplat de la ea - aflați.

Site-urile trebuie să boot instantaneu. Oh, nu, site-urile nu ar trebui nimeni? Du-te la trolleybus și stai lângă elevul care stă cu un iPhone. Uite, fie că este gata să aștepte până când un magazin online este încărcat. Să spunem doar: trei secunde - și fila se închide. Următorul rezultat este următorul rezultat din rezultatele căutării.

Apropo, pro eliberarea de căutare. Viteza de descărcare a site-ului afectează clasarea în motoarele de căutare. Prufs și. Site-urile "toca de torace" sunt mai puțin probabil vizitate de roboți și, înseamnă mai puțin indexate. Din aceasta există un loc în extrădarea și confortul de a găsi informațiile necesare.

Gândiți-vă constant dacă pagina dvs. va fi încărcată mai lent pe telefonul smartphone decât pe PC. Și dacă da, atunci suntem cel mai probabil să o scăpăm în extrădare.

- Matt Katts, Google

Google a lucrat și a lansat instrumentul pentru a verifica viteza - PagePateed. Găsiți elemente de încărcare de frânare Doar du-te aici Și în singurul câmp, specificați adresa pe care doriți să o testați. Pentru un minut, un raport detaliat de performanță va fi gata. Rezultatul va fi afișat în papagali. În mod ideal, stația de service, dar încercați să obțineți! Chiar și Google însuși nu este sub putere: verificați serviciile sale :)

Testele sunt efectuate atât pentru versiunea desktop, cât și pentru versiunea mobilă a site-ului. Focus mai bine în scară de culoare: Zona galbenă va indica faptul că există elemente pe care merită optimizare, verde va raporta că totul este în regulă. Dacă site-ul din zona roșie, înșurubați viteza și optimizați. În caz contrar înaintea abisului: În timp ce pagina este încărcată, utilizatorul va merge deja la un alt site :)

Puteți optimiza site-ul în două moduri.

Optimizarea manuală

1. Strângeți fotografiile Photoshop sau treceți prin Optimizilla. , de exemplu

Cu cât imaginile mai mici cântăresc, cu atât mai multe corpuri sunt cele mai rapide ale site-ului este încărcat. Facem compresie, imagini multi-paristice se ascund sub pisică. Suficient previe 640 × 480. Mai puțină imagine - situs de dormit.

Chiar și pe pagină de start Grafica dezvoltatorilor Google poate fi stoarse cu 71%.

2. Conectarea fonturilor de pe site-ul în sine și nu le trageți cu Google

Minus - În timp ce browserul nu a încărcat fontul, utilizatorul va vedea aria de găurit sau tahoma.

3. Utilizați memoria cache a browserului la maxim

Când site-ul este salvat parțial de client - descărcarea va merge mult mai repede.

4. Reduceți JavaScript și CSS

Scripturile nu sunt editate în fiecare zi după eliberare - nu are sens să le comprimați în zbor. Suficient pentru a optimiza o dată după coduri. Șabloanele JS sunt mai bine să se ocupe de server, încorporează rezultatele în HTML și să utilizeze șabloanele de pe client după descărcare.

5. Reduceți HTML.

În practică - eliminarea lacunelor inutile, filelor, liniilor.

6. Ștergeți un cod neutilizat.

Pot fi construite în auditul "Chrome". Faceți clic pe F12 și accesați fila Audit. Mai jos este singurul buton de rulare. Este, în general, același lucru cu PagesPeed. Numai în timp real.

Optimizare automată

Orice site constă din elemente dinamice și statice. Elemente dinamice - cod HTML obținut din cererile PHP și baze de date. Iar restul este staticul. Acestea sunt imagini, JavaScript și CSS.

Optimizarea automată a site-ului poate fi abruptă de Google - InsightsPeed Insights. Acest modul este instalat pe serverul Nginx și stoarce în timp real după setări. dofig Info. , printre altele, grafică.

Insightele PartesPeed pot analiza HTML și pot optimiza resursele. Clar, mai scurt. În codul sursă, resursele vor fi pe o altă cale, nu prin ceea ce este setat să stoarceți fotografia dezvoltatorului. Ar trebui luată în considerare. Dar afișarea resurselor nu se va schimba. Greutatea va scădea. Deci, va crește viteza de descărcare a paginii, iar vizitatorii vor deveni mulțumiți :)

Cu toate acestea, Insights Partesed au limitări. Acesta poate fi pus doar pe nginx, lansat pe sau server virtual. Nu, închiriat undeva în Germania, un server partajat nu se va potrivi.

A doua limitare este asociată cu browserele de război eterne. Pozele Partesed sunt convertite în format.Webp, care înțelege doar "Chrome" (în popular iubit Internet Explorer. 6 Acest lucru nu va trece). ÎN versiuni recente Afișarea acestor imagini a învățat și a "operă". Deoarece motorul sa schimbat.

Exemple de utilizare a punctelor PagesPeed

Am instalat modulul PagesPeed Insights pe trei proiecte - pe noul dvs. site web și pe doi client. Modulul vede, din care browser vine o cerere, arată dacă este instruit să afișeze un format Webp și să ofere fie o imagine optimizată, fie un JPEG obișnuit.

În Siberias, configurația a durat aproximativ o jumătate de zi. Ceva trebuia să facă empiric: schimbat, urmărit ce se întâmplă. Uneori zona era verde și să zboare în galben ar putea fi complet imprevizibil.

Acum ambele versiuni sunt în zona verde. Deci nu vor exista probleme la viteză. Dacă viteza de conectare este bună, nici o margine unii :)

În suport tehnic Am decis să experimentăm și să instalăm modulul Insights PagesPeed pe el.

Google PagePed este un instrument care vă permite să verificați viteza site-ului. Vă permite să estimați descărcarea de viteză pentru PC-urile staționare și pentru dispozitivele mobile și emite recomandări care pot fi utilizate pentru a optimiza.

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

Verificați viteza site-ului de la Google PagesPeed Insights and Service recomandări

După analizarea vitezei de încărcare a site-ului, următoarele recomandări pot fi obținute cel mai adesea:

Optimizați imaginile

Cea mai frecvent întâlnită recomandări de servicii este legată de alegerea optimă Imagini pentru site. Conținutul grafic este foarte greu și poate încetini foarte mult descărcarea paginilor de resurse. Cele mai generale recomandări constau în alegerea formularului drept (cel mai adesea are sens să se utilizeze PNG), dimensiunea și calitatea imaginii. Deci, prea mare, fundalul folosit ca fundal poate încetini uneori viteza de încărcare a site-ului. Întotdeauna trebuie să verificați imaginile și să maximizați dimensiunea și calitatea (dimensiunea și calitatea imaginii are sens pentru a seta minim acceptabil pentru o anumită resursă).

Activați compresia

O comprimare a serverului web este un parametru important care oferă viteză. Acesta este inclus de modulul mod_defilat în Apache sau în detrimentul Directivei Nginx.

Leverage cache-ul browserului

Stabilește dacă titlul este transmis și datele din browserul utilizatorului sunt stocate în cache. Caching-ul poate reduce semnificativ numărul de apeluri la server, ceea ce reduce sarcina pe ea și crește rata de returnare a datelor statice (care este cel mai mult pe orice site) către client

Eliminați JavaScript de blocare a rentabilității și CSS în conținutul de mai sus

JavaScript Codul implicit este executat ca o pagină este încărcată, o modalitate similară este procesată de CSS. Acestea. Dacă scriptul JS este conectat în corpul documentului, redarea sa este întreruptă de fiecare dată până când scriptul este îndeplinit. Puteți evita acest lucru adăugând când este conectat prin JavaScript și HTML corpul paginii va fi redat indiferent de codul executabil.

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