În prezent, serviciile online gratuite sunt foarte populare, capabile să determine viteza conexiunii la Internet care este utilizată în câteva secunde, precum și să afle adresa IP a computerului, să determine locația utilizatorului, să verifice site-ul pentru viruși și multe altele . Printre cele mai comune programe de acest tip se numără Speedtest.

Serviciul gratuit este conceput pentru a testa rapid viteza de transfer și a descărca date pe computerul utilizatorului.

Testul nu necesită descărcarea sau instalarea de componente suplimentare.

Pentru a începe testarea, există un buton special „Înainte” (Începe testarea).

Rezultatul final este produs la 30 de secunde după lansarea programului pentru execuție.

Caracteristicile Speedtest Net

Ca urmare a utilizării SpeedTest, devine posibil să se determine viteza de intrare și de ieșire a conexiunii la Internet.

În cele mai multe cazuri, valoarea declarată a acestei caracteristici este supraestimată în mod deliberat de către furnizor și nu corespunde realității. Furnizorul indică fapte false pentru a atrage atenția utilizatorilor și a crește popularitatea acestuia.

Un pachet complet de instrumente cu toate caracteristicile poate fi obținut doar vizitând site-ul web al dezvoltatorului oficial de servicii sau al partenerului acestuia. Acest lucru este foarte important, deoarece în prezent au fost create o cantitate incredibilă de resurse obscene mascandu-se drept originale.

Test de viteză global SpeedTest

• Serviciul Speedtest.net include o singură pagină – pagina principală.

Acesta reprezintă:

• ping,

• cantitatea de viteză de intrare și de ieșire conexiuni la internet,

• locația utilizatorului, setat de adresa IP a computerului de pe care ai intrat pe site.

Rezultatele vitezei Internet în rândul utilizatorilor site-ului

1. Numărul total de teste este de 6867.
2. Viteza medie de descărcare este de 30,13 Mb/sec.
3. Viteza medie de descărcare pe un computer este de 28,31 Mb/sec.
4. Valoarea medie a ping-ului este de 29 ms.

Utilizatorii deosebit de pretențioși pot folosi opțiunea pentru a determina locația geografică a serverului care va efectua scanarea. În acest scop, este furnizată o hartă specială, a cărei scară poate fi modificată folosind glisorul situat în partea stângă. În alte cazuri, această operație este efectuată automat.

Testarea parametrilor este efectuată în timp real și arată cu adevărat impresionant. Oferă o afișare vizuală a tot ceea ce se întâmplă - transfer de date între serverul specificatși computerul utilizatorului, ținând cont de toți indicatorii stabiliți.

Fereastra procesorului de date prezintă o animație colorată de descărcare sau transfer de date de pe dispozitivul utilizatorului în orașul selectat, un grafic și o imagine a unui vitezometru cu marcajul Speed. Această abordare este concepută pentru a lumina timpul de așteptare pentru rezultate și pentru a salva o persoană de emoții negative inutile despre acest lucru.

Întregul proces de definire viteza reala Conexiunile la internet prin Speedtest se realizează cu un singur clic de mouse.

Este foarte convenabil și nu necesită mult timp. Chiar și un începător poate face față unei astfel de sarcini.

Ookla

Ookla este lider mondial în testarea și dezvoltarea vitezei internetului în bandă largă software privind diagnosticarea rețelei.

SpeedTest.net a fost dezvoltat ca modalitatea cea mai precisă de a determina cel mai rapid ISP și rețeaua mobilă. Testele de viteză sunt agregate prin medierea rezultatelor testelor pentru fiecare dispozitiv la o anumită locație a utilizatorului, în fiecare zi.

Acest lucru îmbunătățește acuratețea datelor și reduce părtinirea de la retestare sau testele care încearcă să deformeze rezultatele. Există, de asemenea, multe alte modalități de a preveni rezultatele frauduloase sau inexacte.

Peste 5 milioane de utilizatori folosesc aplicația Speedtest în fiecare zi, permițând companiei să rămână lider în industria testării vitezei pe internet. Acest serviciu gratuit disponibil pentru oricine din întreaga lume care este interesat să învețe caracteristicile și caracteristicile conexiunii sale la internet.

Viteza de încărcare a paginii este acum un semnal foarte puternic 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, ci și obțineți mai multă încredere și rate de conversie. Mai jos este o listă cu cele mai utile instrumente care vă vor ajuta să analizați și să identificați cel mai mult puncte slabe site-ul din punct de vedere al vitezei.

1. Google PageSpeed ​​​​Insights

Instrumentul Google pentru viteza de încărcare a paginii. Afișează o valoare de la 0 la 100 pentru ambele computere și dispozitive mobile. Subliniază imediat punctele slabe ale site-ului și oferă recomandări pentru optimizarea vitezei.

2. Instrumente Pingdom

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

3.WhichLoadMaster

Î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.

4. Test de performanță a paginii web

Î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 test. Salvează capturi de ecran ale modului în care arată site-ul în fiecare secundă de încărcare. De asemenea, în formă convenabilă arată care grup de solicitări a durat cel mai mult timp. Serverul este situat în Dallas (SUA).

5. GTmetrix

Altul instrument util pentru un test de viteză pe site. 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. Server de testare este situat în Vancouver (Canada).

6. Impactul sarcinii

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.

7. Instrumente Monitis

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.

8.SiteSpeed.me

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 termeni de timp și viteză.

9. PR-CY

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ă.

10. Analizor de pagini web

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.

Viteza de încărcare a site-ului este una dintre cele cei mai importanți indicatori capacitatea de utilizare a resursei și, mai important, acesta este unul dintre sutele de factori de clasare. Într-adevăr, un utilizator modern care face clic pe un link nu așteaptă mai mult de 5 secunde până se încarcă pagina. Prin urmare, cu cât site-ul dvs. durează mai mult pentru încărcare, cu atât veți pierde mai mulți clienți potențiali.

Peste 50% dintre utilizatorii de internet de pe dispozitive mobile se așteaptă la încărcare aproape instantanee a site-ului. Pe baza acestor statistici, acest articol va discuta cum să atingeți 100/100 in serviciu Google PageSpeed ​​​​Insights pentru desktop și dispozitive mobile folosind exemplul site-ului „Monitor Backlinks”.

Motivația

Site-ul de probă se încarcă deja destul de repede, așa că în acest caz rezultatele vor fi îmbunătățite la maximum.

Într-o zi, în timp ce lucram cu PageSpeed ​​​​Tool, s-a observat că site-ul web Google a avut un scor surprinzător de scăzut pentru dispozitivele mobile - 59/100. Situația cu versiunea pentru dispozitive desktop a fost mai bună - 92/100.

S-ar părea că ar fi trebuit să-și folosească propriul instrument pentru a-și optimiza site-ul, nu? Deci rezultatul 100/100 este de neatins?

Acesta este ceea ce ne-a motivat să realizăm cel mai rapid timp de încărcare posibil pentru site, să demonstrăm că se poate obține rezultate 100/100, iar dacă vrei, poți să o faci și tu. Nu este o obsesie, este doar o dorință de a atinge perfecțiunea.

Indicatorii de pornire ai site-ului experimental sunt 87/100.

Drept urmare, după aplicarea anumitor manipulări, s-au obținut următoarele rezultate:

Citiți mai departe pentru a afla cum am reușit să obținem aceste rezultate.

Cum se accelerează încărcarea paginii?

Înainte de a începe acțiuni pas cu pas conform instrucțiunilor, permiteți-mi să observ că instrumentul PageSpeed ​​​​este doar un ghid pentru webmasteri pe calea către optimizarea resurselor. În plus, instrumentul conține recomandări pentru accelerarea încărcării paginilor site-ului dvs., iar obținerea de rezultate pozitive depinde în mare măsură de setările serverului.

Vă rugăm să rețineți că unii dintre pașii din instrucțiuni pot necesita cunoștințe tehnice, indiferent de sistemul de management al conținutului (CMS) utilizat.

Deci, să începem:

Pasul #1: Optimizați imaginile

Pentru a face imaginile să se încarce mai rapid, Instrumentul PageSpeed ​​​​Insights a sugerat optimizarea lor prin reducerea dimensiunilor fișierelor. Pentru a rezolva această problemă, trebuie să faceți două lucruri importante:

• Comprimați toate imaginile folosind instrumente precum Compressor.io și TinyPNG. Acestea sunt instrumente gratuite care vă pot ajuta să reduceți dimensiunea fisier grafic cu peste 80% și, în unele cazuri, fără a degrada calitatea imaginii în sine.
• Reduceți dimensiunile imaginii la minimum fără a le reduce calitatea. De exemplu, dacă pe site avem nevoie de o imagine de 150x150px, atunci pe server imaginea trebuie să fie de dimensiunea corespunzătoare. Parametrii imaginii nu trebuie ajustați când Ajutor CSS sau etichete HTML.

Conform regulilor de mai sus, fiecare imagine de pe site a fost încărcată și comprimată și dimensionată manual. Și pentru a nu vă deranja cu optimizarea imaginilor după ce sunt încărcate pe site, este mai bine să vă dezvoltați obiceiul de a optimiza inițial toate imaginile noi încărcate pe server. Fiecare imagine nouă trebuie să fie comprimată și ajustată la parametrii necesari.

PageSpeed ​​​​Insights oferă opțiunea de a descărca imagini deja optimizate, astfel încât acestea să poată fi încărcate pe server direct de pe a acestui serviciu. Același lucru se poate face cu JavaScript și CSS.

Pasul 2: Minimizează JavaScript, CSS și HTML

În exemplu, Google sugerează reducerea cantității de JavaScript și fișiere CSS.

Procesul de minimizare vă permite să reduceți dimensiunile fișierelor prin eliminarea spațiilor, pauzelor, liniilor, caracterelor și comentariilor inutile din fișierele JavaScript și CSS. Programatorii lasă adesea mult spațiu și comentarii în timpul codificării, ceea ce poate dubla dimensiunea fișierelor JavaScript și CSS.

Pentru a remedia această problemă, Gulpjs a fost instalat pe server. Acesta este un instrument care creează automat fișier nou CSS și elimină toate spațiile inutile. De asemenea, creează automat un nou fișier CSS de fiecare dată când faceți noi modificări. În exemplul de mai sus, acest lucru a ajutat la reducerea dimensiunii fișierului CSS principal de la aproximativ 300Kb la 150Kb. Această diferență de dimensiune se datorează caracterelor inutile.

Puteți reduce și mai mult dimensiunea JavaScript și CSS prin redenumirea variabilelor, cu condiția ca selectoarele să funcționeze corect și HTML-ul să fie actualizat.

Puteți optimiza JavaScript folosind Closure Compiler, JSMin sau YUI Compressor. Puteți crea program special, care, folosind instrumentele de mai sus, va redenumi fișierele și le va salva în directorul de lucru.

Puteți reduce CSS folosind YUI Compressor și instrumentele cssmin.js.

Puteți minimiza codul HTML folosind PageSpeed ​​​​Insights. Analizați pagina și selectați „Scurtați HTML”. Pentru a optimiza codul, faceți clic pe „Vedeți conținut optimizat”.

Puteți afla mai multe despre optimizarea fișierelor JavaScript și CSS la următorul link:

De asemenea, puteți descărca fișiere optimizate direct din PageSpeed ​​​​Tool.

Iată rezultatele obținute după minimizarea JavaScript și CSS:

Pasul #3: Utilizarea browserului cache

Pentru mulți webmasteri, pasul de utilizare a stocării în cache a browserului este cel mai dificil.

Pentru a rezolva această problemă, a trebuit să mutăm toate fișierele statice de pe site în CDN (rețea de livrare a conținutului).

Un CDN este o rețea de servere situate în diferite locații din lume. Acestea memorează în cache versiuni statice ale site-urilor web, cum ar fi imagini, fișiere JavaScript și CSS. Serverele CDN stochează copii ale conținutului site-ului, iar atunci când vizitați acest site, conținutul static este descărcat de pe cel mai apropiat server.

De exemplu, dacă serverul principal al site-ului este situat în Texas, atunci fără un CDN, un vizitator din Amsterdam va trebui să aștepte până când conținutul site-ului călătorește până la un server situat în SUA. Cu un CDN, site-ul se va încărca mult mai repede de pe serverul cel mai apropiat de utilizator, în acest caz din Amsterdam. Astfel, distanța de acces la date este redusă și site-ul se încarcă aproape instantaneu.

Iată o vizualizare a modului în care funcționează CDN-ul:

Pe site-ul de testare, toate imaginile, fișierele JavaScript și CSS au fost transferate pe CDN și numai fișiere HTML. Găzduirea imaginilor pe un CDN joacă un rol important în cât de repede se încarcă paginile site-ului dvs. pentru vizitatori.

După manipulările de mai sus, instrumentul PageSpeed ​​​​a continuat în mod enervant să sugereze utilizarea cachei în browser pentru fiecare persoană resurse ale terților. Iată o captură de ecran:

Pentru a rezolva această problemă, a trebuit să repar scripturile rețelele sociale prin înlocuirea contoarelor cu imagini statice găzduite pe un CDN. În loc de scripturi terțe care încercau să acceseze date de pe Twitter, Facebook sau Google Plus pentru a număra abonații, a fost instalat un contor autonom, care a ajutat la rezolvarea acestei probleme.

Dar ceea ce era mai enervant a fost că, pe lângă problemele cu scripturile de social media, site-ul a fost încetinit de cod. Google Analytics.

Rezolvarea unei probleme cu un script Google Analytics este o sarcină destul de dificilă. Deoarece Analytics era necesar și nu poate fi eliminat de pe site, a trebuit să căutăm alte soluții.

Google schimbă codul Analytics destul de rar, o dată sau de două ori pe an. Prin urmare, Razvan a creat un script special care verifică disponibilitatea la fiecare opt ore ultimele actualizări Codul Analytics și, atunci când sunt detectate actualizări, le descarcă. În acest fel, puteți găzdui codul JavaScript Analytics pe server, eliminând nevoia de a-l descărca de pe serverele Google de fiecare dată când vizitați.

Dacă nu există actualizări, codul Analytics va fi încărcat din versiunea stocată în cache pe CDN.

Și când Google actualizează codul JavaScript, serverul se va încărca automat noua versiuneși actualizați-l pe CDN. Acest script a fost folosit pentru toate scripturile externe ale terților.

Iată o captură de ecran din Pingdom Tools care arată toate descărcările de pe CDN, inclusiv codul Google Analytics. Singurul fișier descărcat de pe server este fișierul pagina de start, al cărui volum este de doar 15,5 Kb. Eliminarea tuturor scripturilor terță parte a îmbunătățit considerabil viteza generală de încărcare.

Pasul #4: Eliminarea codurilor de blocare

Eliminarea blocantelor este, de asemenea, un pas destul de dificil în procesul de îmbunătățire a vitezei de încărcare a paginii, care necesită cunoștințe tehnice bune. Principala problemă care trebuia rezolvată a fost revizuirea întregului cod JavaScript începând de sus de la „header” și „body” până la „footer” situat în partea de jos a tuturor paginilor site-ului.

Dacă site-ul dvs. se află pe platforma Wordpress, pluginul Autopmize vă va ajuta cel mai probabil să rezolvați această problemă. Verificați setările și apoi Debifați „Forțare JavaScript” și setați-l la „Inline all CSS”.

Pasul #5: Activați compresia

Pasul #6: Optimizarea formatului mobil

Analiza formatului mobil arată adaptabilitatea versiunii mobile a site-ului pentru diverse tipuri permisiuni, folosind fonturi adecvate și având un sistem de navigare bun.

CU folosind Google Chrome poți vedea cum arată site-ul tău diferit versiuni mobile. Pentru a face acest lucru, faceți clic pe pictograma de meniu (hamburger) a setărilor și comenzilor browserului din colțul din dreapta sus, apoi selectați „ Instrumente suplimentare→ Instrumente pentru dezvoltatori". Pe bara de instrumente, selectați pictograma cu imaginea dispozitivelor mobile. Asta e tot, uite:

În cazul exemplului, nu au fost necesare modificări radicale.

Concluzie

Drept urmare, au fost parcurși cei mai importanți 6 pași care au ajutat la obținerea unui scor perfect de 100/100 în Google PageSpeed ​​​​Tools pentru site-ul Monitor Backlinks. Drept urmare, nu numai că a fost optimizat pagina de start, dar și toate paginile interne.

Dintre toate acțiunile întreprinse pentru optimizarea site-ului, pot fi identificate cele trei cele mai importante:

1. Folosind un CDN.
2. Eliminarea codurilor de blocare. (Evitați JavaScript în corpul codificării; mutați-l în partea de jos a fișierelor.)
3. Optimizarea și compresia dimensiunii imaginii.

Aș dori să vă reamintesc încă o dată că Google PageSpeed ​​​​Tools este doar un instrument auxiliar pentru optimizarea resurselor. Instrumentele sunt concepute pentru a reduce timpul dintre solicitare (click pe un link) și răspunsul paginii site-ului (afișarea primelor elemente ale paginii), astfel încât vizitatorii să nu părăsească site-ul fără să aștepte încărcarea acestuia. De asemenea, recomandările oferite de instrument trebuie folosite cu prudență, astfel încât utilizatorilor să nu li se arate un aspect rupt sau un set nestilizat de blocuri.

Vă rugăm să rețineți. Încărcare rapidă paginile site-ului afectează indirect clasarea resursei în motoarele de căutare, adică: viteză de încărcare mai mare → vizite mai multe și mai lungi → clasare mai mare.

Dacă ați folosit instrumentul Google PageSpeed ​​​​Insights pentru a vă optimiza site-ul, vă rugăm să vă împărtășiți rezultatele în comentarii.

De asemenea, nu uita ca specialistii UAWEB sunt intotdeauna pregatiti sa ofere asistenta necesara in crearea, optimizarea si promovarea resursei tale web, astfel incat fiecare secunda petrecuta de utilizatori pe site-ul tau sa iti aduca beneficii!