Atunci când creați un site web orientat către client, trebuie să țineți cont și să vă gândiți la multe lucruri, de la creative (design, conținut) până la tehnic (aspect, plasare pe Internet). Fiecare lucru mic este important pentru clienți, așa că este important să priviți nu numai partea exterioară a proiectului dumneavoastră - ceea ce va vedea utilizatorul - ci și partea interioară, și anume cât de repede îl va vedea utilizatorul. Cercetările arată că aproximativ jumătate dintre utilizatori se așteaptă ca un site să se încarce în mai puțin de două secunde, iar 40% dintre utilizatori vor închide un site dacă durează mai mult de trei secunde pentru a se încărca. Prin urmare, este imperativ ca site-ul dvs. să se încarce rapid, altfel riscați să pierdeți o parte semnificativă a clienților. Ce poți face pentru a reduce timpul de încărcare a site-ului tău?
1. Scurtați codul
Cu cât codul proiectului tău este mai mare, cu atât cântărește mai mult, ceea ce înseamnă că cu atât durează mai mult încărcarea acestuia. Prin urmare, în primul rând, trebuie să vă asigurați că codul este optimizat. Acest lucru este valabil mai ales pentru primul, pagina de destinație pe care utilizatorul cade - ar fi mai bine să abandonați grele Scripturi JavaScriptși Ajax sau eliminați-le în partea de jos a paginii. Respectați bine-cunoscutul principiu KISS - Păstrați-l scurt și simplu - păstrați codul scurt și simplu.
Serviciu PageSpeed Insights Google recomandă eliminarea externă Fișier JavaScript din partea de sus a paginii, deoarece ciclul de operațiuni necesare pentru încărcarea acesteia încetinește în mod semnificativ încărcarea paginii. În acest caz, se recomandă fie să introduceți codul JavaScript în linie, fie să încărcați acel cod după ce partea de sus a paginii s-a încărcat.
Dacă doriți să știți dacă totul este în regulă cu JavaScript pe pagina site-ului dvs., utilizați acest serviciu: https://varvy.com/tools/js/
Acest sfat se aplică și codului HTML și CSS. Ca și în cazul JavaScript, acordați o atenție deosebită fișiere externe- de exemplu, foi de stil externe, care sunt cel mai bine introduse în HTML dacă este posibil.
2. Utilizați compresia site-ului
Există mai multe tehnologii cu care puteți comprima datele, reducând astfel dimensiunea resurselor de text și, prin urmare, timpul de încărcare a paginilor cu resurse. De exemplu, utilizați gzip: acest utilitar minimizează solicitările către server din browser. Îl poți folosi în protocolul HTTP.
Puteți verifica dacă site-ul dvs. folosește gzip pentru a comprima datele vizitând această resursă: http://www.gidnetwork.com/tools/gzip-test.php
Și urmând linkul de mai jos, puteți afla dacă vreo tehnologie de compresie este utilizată în general pe site-ul dvs.: http://www.whatsmyip.org/http-compression-test/
3. Reduceți numărul de redirecționări
O redirecționare 301 este adesea folosită pentru a redirecționa de la o adresă la alta. Cu toate acestea, acest lucru este plin de faptul că vor fi implicate cicluri suplimentare de rețea, datorită cărora timpul de încărcare a site-ului poate crește, mai ales când vine vorba de dispozitive mobile. Prin urmare, este mai bine să reduceți numărul de redirecționări sau să le refuzați cu totul.
Puteți verifica site-ul dvs. pentru redirecționări folosind acest program (există o versiune gratuită): https://www.screamingfrog.co.uk/seo-spider/
4. Reduceți numărul de pluginuri
Acest punct se aplică celor care folosesc CMS: Wordpress, Joomla sau oricare altul. Verificați lista de pluginuri pe care le utilizați în mod regulat pentru a verifica dacă nu sunt necesare sau nu mai sunt folosite. Reducerea numărului de pluginuri va avea un efect pozitiv asupra încărcării site-ului dvs. și asupra performanței generale. Dacă utilizați Wordpress ca sistem de gestionare a conținutului, puteți, de asemenea, să optimizați numărul de pluginuri folosind pluginul dedicat P3 (Plugin Performance Profiler): https://wordpress.org/plugins/p3-profiler/ Acest plugin vă va arăta performanța date alte plugin-uri și modul în care fiecare afectează modul în care funcționează site-ul. Acest lucru vă va ajuta să determinați ce pluginuri ar trebui să fie renunțate mai întâi.
5. Optimizați-vă imaginile
Dimensiunea imaginilor de pe site afectează direct timpul de încărcare a resursei. Toate imaginile trebuie optimizate: setați dimensiunea, formatul și comprimați corecte. De asemenea, va fi util să scapi de așa-numitul gunoi digital: diverse date care intră în imagine în timpul procesării acesteia.
6. Utilizați memoria cache a browserului
Folosind memorarea în cache, puteți îmbunătăți semnificativ viteza de încărcare a site-ului dvs.: atunci când un utilizator vă vizitează site-ul pentru prima dată, unele fișiere JavaScript și CSS vor fi stocate în memoria cache a browserului său, care vor fi apoi afișate automat la următoarele vizite. , iar browserul nu trebuie să piardă timpul pentru a le descărca. Pentru stocarea în cache, antetul Expires HTTP trebuie configurat corect. Puteți face acest lucru scriind următoarele rânduri în fișierul .htaccess aflat în folderul rădăcină:
V în acest caz toate tipurile au o perioadă de 1 lună, dar puteți modifica ora la orice aveți nevoie: memoria cache poate fi stocată pentru un anumit număr de ani, luni, săptămâni sau zile.
Dacă utilizați un anumit CMS, puteți instala un plugin special pentru aceasta. În cazul Wordpress, W3 Total Cache este potrivit: memorarea în cache este activată în setări (selectați Setări pentru acest plugin în lista tuturor plugin-uri instalate, apoi General - bifați caseta de lângă „Activați sau dezactivați toate tipurile de cache (o dată)”).
7. Monitorizați performanța site-ului
Este foarte important să monitorizezi constant performanța site-ului tău – chiar și atunci când ți se pare că ai optimizat tot ce poți. Pentru aceasta, există resurse speciale gratuite, dintre care cele mai faimoase vor fi enumerate mai jos:
- deja menționate mai sus Informații despre viteza paginii: https://developers.google.com/speed/pagespeed/insights/?hl=ru
Acest instrument de la Google măsoară viteza de încărcare a resursei dvs. web (de la 0 la 100 de puncte; cu cât scorul este mai mare, cu atât mai bine). Serviciul vă va oferi recomandări pentru îmbunătățirea performanței, precum și vă va arăta ce puncte de optimizare ați finalizat. Rețineți că, pe măsură ce se fac modificări și ajustări la Page Speed Insights, numărul de puncte primite de site-ul dvs. se poate modifica și el. - Test de viteză a site-ului Pingdom: http://tools.pingdom.com/fpt/
Bun Serviciu vorbitor de engleză pentru a verifica viteza de încărcare a resursei dvs. Va fi util mai ales celor care administrează resurse internaționale, deoarece vă permite să alegeți locul din care se vor efectua testarea: SUA, Australia sau Suedia (rezultatul va fi diferit). Afișează o mulțime de date diferite și face recomandări. - Impactul sarcinii: https://loadimpact.com/
Acest serviciu vă permite să generați mai multe solicitări către site-ul dvs., prin care puteți afla, în primul rând, viteza medie de încărcare a site-ului dvs. și, în al doilea rând, să înțelegeți cum se va comporta site-ul dvs. la un anumit număr de solicitări (dacă va rezista încărcătura). - LoadStorm: http://loadstorm.com/
Cu acest serviciu, puteți efectua un test destul de serios al site-ului dvs. Versiune gratuită al serviciului vă va permite să vă testați resursa cu ajutorul a 10 utilizatori, dar versiunea plătită oferă mai multe oportunități, în special, puteți scrie independent un script pe care utilizatorii îl vor executa (de exemplu, faceți clic pe un anumit buton sau accesați secțiunea dorită). În acest caz, vi se cere să verificați că sunteți proprietarul site-ului.
Concluzie
Dacă urmați fiecare dintre punctele sugerate în acest articol, puteți reduce semnificativ timpul de încărcare a site-ului dvs. Dar, în același timp, nu uitați că optimizarea nu trebuie făcută în detrimentul utilizatorilor: imaginile trebuie să rămână atractive, navigarea să fie convenabilă, iar informațiile trebuie să fie clare și accesibile.
Împărtășiți în comentarii ideile dvs. despre cum puteți accelera încărcarea unei resurse web.
Mulți utilizatori doresc ca computerul lor să funcționeze rapid, așa că folosesc programe pentru a șterge fișierele temporare, cum ar fi și curăța automat sistemul (inclusiv ștergerea cache-ului browserului). Dar acesta este unul dintre principalele motive pentru încetinirea încărcării paginilor în browser.
De ce browserele creează un cache?
Într-unul dintre articole, Alexander Shikhov a descris-o. Nu voi repovesti întregul articol, voi spune doar punctul principal. Cache-ul este necesar doar pentru ca site-urile să se deschidă foarte repede. Dacă îl ștergeți în fiecare zi, atunci data viitoare când porniți browserul și încercați să deschideți site-urile preferate, browserul va trebui să descarce aceleași date pe care le-ar fi putut deschide de pe discul local (cache) într-o fracțiune de secundă.
De ce am fost învățați să curățăm memoria cache?
De mulți ani, dezvoltatorii de programe pentru curățarea sistemului ne-au învățat că memoria cache este de prisos și trebuie șters. Raționamentul din spatele acestui lucru este simplu - ocupă mult spațiu care poate fi folosit mai rațional. Dar, în realitate, acesta este doar un truc, un motiv pentru a adăuga două sau trei sute de megaocteți și câteva mii de fișiere la statisticile „gunoiului” găsit în sistem. Acest lucru permite unui astfel de produs să arate mai bine în ochii utilizatorilor datorită faptului că găsește mai mulți (sau nu mai puțini) concurenți.
Acest lucru se datorează faptului că majoritatea evaluează cantitatea de deșeuri găsite, și nu calitatea acestora. Dacă un program găsește 700 de megaocteți de gunoi în sistem și alți 900 de megaocteți, atunci cel de-al doilea program cu siguranță arată mai bine. Și nu contează că 200 de megaocteți deasupra au fost adăugați datorită adăugarii cache-ului browserului, care într-o zi va umple aceiași 200 de megaocteți. Acesta este un motiv excelent pentru a sugera curățarea sistemului din nou, nu-i așa?
Ștergeți istoricul browserului și fișierele temporare fără a șterge memoria cache
Pentru a preveni ștergerea memoriei cache atunci când utilizați programe de curățare a discurilor, pur și simplu dezactivați curățarea memoriei cache din setările programului și continuați să utilizați. Veți observa imediat că a început să găsească mai puțin gunoi, dar amintiți-vă că acest lucru se datorează absenței unui cache în „gunoi”, ceea ce face ca browserele să se încarce mai rapid și mai convenabil pentru a lucra cu site-uri.
Utilizați modul privat (modul incognito)
Dacă nu doriți ca niciun site să lase urme pe computer, atunci pur și simplu activați modul de navigare privată (în el, acesta este activat prin apăsarea Ctrl + Shift + N), după închiderea căruia vor fi toate istoricul și datele despre paginile navigate. șterse din browser și nimeni nu va ști vreodată despre ele.
Cache-ul browserului este un lucru foarte util și necesar care nu trebuie șters dacă nu doriți să faceți incomod navigarea pe net. Dacă ștergeți în mod regulat memoria cache a browserelor dvs., atunci tot ceea ce obțineți cu această acțiune este să încetiniți viteza de încărcare a paginilor, mărind timpul de așteptare și reducându-vă propria performanță.
După ce colectați câteva statistici privind timpul de încărcare a paginii și lățimea efectivă a canalului pentru utilizatori reali, puteți experimenta modificări care pot îmbunătăți aceste valori. În cazul realizărilor semnificative în îmbunătățirea acestui indicator, merită consolidarea modificărilor efectuate.
Unele dintre sfaturile de mai jos au apărut deja în alte articole: sfaturi de la Yahoo, combinarea fișierelor CSS, optimizarea timpilor de încărcare a paginii și multe altele. Repetarea este o învățătură, totuși, și există câteva puncte noi în următoarele sfaturi.
Se pot încerca următoarele lucruri:
Dacă utilizatorii descarcă în mod regulat o duzină sau mai multe obiecte care nu sunt stocate în cache sau nu în cache, merită să-și răspândească descărcările pe 4 gazde. În acest caz, de obicei utilizatorul va putea stabili de 4 ori mai multe conexiuni. Fără o conductă HTTP, acest lucru va duce la o scădere a pierderilor pentru redirecționarea unei cereri de aproximativ 4 ori.
Când generați o pagină, vă veți confrunta cu sarcina de a distribui imagini la 4 gazde diferite. Acest lucru este cel mai ușor de realizat cu orice funcție hash, cum ar fi MD5. În loc să descarci totul dintr-unul http://static.example.com/, creați 4 gazde (de exemplu, static0.example.com, static1.example.com, static2.example.com, static3.example.com) și utilizați 2 biți din MD5- suma pentru fiecare imagine pentru a alege pe ce gazdă să puneți linkul pentru a o descărca. Asigurați-vă că toate paginile folosesc același algoritm de potrivire (indicați către aceeași gazdă pentru fiecare imagine), altfel vă veți lupta împotriva stocării în cache fără niciun rezultat.
Cu toate acestea, merită remarcat faptul că adăugarea unei alte gazde crește costul căutărilor DNS suplimentare și al conexiunilor HTTP. Dacă utilizatorii au activată procesarea cererilor prin pipeline sau pagina încarcă mai puțin de zece obiecte ( personal, aș recomanda vizarea a 5-6 per gazdă, adică. cu 10 obiecte, poți intra în a doua gazdă, cu 16 - a treia și cu 25 - a patra), atunci utilizatorii nu vor simți beneficiul creșterii numărului de solicitări paralele și, în loc să grăbească încărcarea site-ului, vor observa o încetinire. Avantaje această abordare apar numai pentru paginile cu un număr mare de obiecte externe. Merită să măsurați diferența de timpi de încărcare pentru utilizatorii dvs. înainte de a implementa complet această tehnică.
Poate că cea mai bună modalitate de a accelera încărcarea paginilor dvs. pentru vizitatorii care revin va fi stocarea în cache necondiționată de către browser a imaginilor statice, fișierelor de stil și scripturilor. Acest lucru nu va ajuta în niciun fel la încărcarea paginii pentru un nou vizitator, dar va reduce semnificativ timpul de încărcare a paginii la vizitele repetate.
Luați în considerare plasarea obiectelor mici (sau o oglindă sau memoria cache a acestora) cât mai aproape posibil de utilizatori în ceea ce privește latența rețelei. Pentru site-urile mari cu audiență internațională, poate fi folosită ca o rețea de livrare de conținut plătită ( Rețeaua de livrare de conținut) și mașini virtuale individuale în termen de 50 ms pentru 80% dintre utilizatorii dvs., împreună cu o varietate de metode disponibile pentru a distribui cererile utilizatorilor celui mai apropiat mașină virtuală (Apropo, exact așa funcționează site-urile multor companii internaționale, inclusiv Acronis, care distribuie utilizatorii în versiuni locale în funcție de locația geografică.).
Verificați-vă site-ul în mod regulat folosind conexiuni „obișnuite”. În cazul meu, folosirea unui „proxy lent” care a emulat o conexiune DSL proastă din Noua Zeelandă (768Kbps înăuntru, 128Kbps ieșire, 250ms latență, 1% pierdere de pachete) în loc de o legătură gigabyte cu câteva milisecunde de la serverele din state sa dovedit să fie destul de util. Am găsit și remediat o serie de erori funcționale și probleme de utilizare foarte rapid.
Pentru a simula o conexiune atât de lentă, am folosit modulele Kernel-urile Linux netem și HTB, care sunt disponibile din 2.6. Ambele module sunt instalate cu comanda. Aceasta obține cea mai precisă emulare pe care am găsit-o, dar nu aș numi-o ideală. Personal, nu am folosit, dar, din toate punctele de vedere, conform oportunitate ascunsăîn browserul lor, care vă permite și să obțineți câteva Informații suplimentare despre descărcare.
Dacă sunteți familiarizat cu protocolul HTTP și TCP / IP la nivel de pachet, puteți încerca să vedeți ce se întâmplă folosind tcpdump sau. Aceste instrumente sunt o necesitate pentru orice fel de depanare a rețelei.
Încercați să testați paginile încărcate frecvent ale site-ului dvs. pentru performanță retea locala folosind cel care vine cu serverul web Apache. Dacă serverul răspunde mai mult de 5-10 milisecunde în timpul generării paginii, atunci merită să înțelegeți bine pe ce este cheltuit timpul serverului.
Dacă, în urma unor astfel de teste, latențele sunt foarte mari, iar procesul serverului web (sau CGI, dacă îl utilizați) a „consumat” prea mult CPU, atunci motivul pentru aceasta poate fi adesea nevoia de a compila scripturi la timpul de execuție pentru fiecare cerere. Astfel de software cum ar fi eAccelerator pentru PHP, mod_perl pentru perl, mod_python pentru python etc. pot stoca în cache scripturile de pe partea serverului într-o stare compilată, accelerând semnificativ timpul de încărcare a site-ului dvs. În plus, merită să găsiți un instrument de profilare pentru limbajul dvs. de programare pentru a determina unde este cheltuit procesorul. Dacă puteți elimina cauza încărcării mari a procesorului, atunci paginile vor fi difuzate mai rapid și puteți livra mai mult trafic cu mai puține mașini.
Dacă site-ul dvs. efectuează multe interogări la baza de date sau alte calcule grele la crearea paginii, ar putea merita să luați în considerare adăugarea de cache pe server pentru operațiuni lente. Majoritatea oamenilor încep prin a scrie memoria cache pe memoria locală sau pe discul local, totuși, această logică nu mai funcționează dacă sistemul tău se extinde la un cluster de servere web ( fiecare cu ale lui disc localși memoria locală). Merită să vă uitați să utilizați memcached, care creează un cache partajat foarte rapid care consolidează liberul RAM toate mașinile disponibile. Clienții au fost portați în majoritatea limbilor comune.
(Opțional) Solicitați furnizorilor de browsere să activeze în mod prestabilit canalizarea solicitărilor HTTP în browserele noi. Dacă se face acest lucru, atunci nu va trebui să executăm aceste „dansuri cu tamburine” ( aceste trucuri) și cea mai mare parte a web-ului se va încărca mai repede pentru utilizatorul mediu. (Acest lucru este dezactivat în Firefox, probabil din cauza unor proxy, a unor echilibratori de încărcare și a unor versiuni de IIS ( salut Microsoft!), care sunt șocați de cererile de conducte. Dar Opera pare să fi făcut o muncă substanțială pentru a activa această caracteristică în mod implicit. De ce nu pot toate celelalte browsere să facă asta?)
Concluzie
Această listă conține gândurile mele despre creșterea vitezei de comunicare între browser și server și poate fi aplicată, în general, la multe site-uri, indiferent de modul în care serverul web sau limbajul de dezvoltare este folosit pentru a scrie site-ul. Cu toate acestea, din păcate, toate aceste lucruri sunt rareori făcute.
În timp ce toate sfaturile au ca scop scăderea timpilor de încărcare a paginii, efectele secundare pozitive pot fi reducerea traficului pe site și utilizarea mai mică a procesorului serverului per vizualizare de pagină. Reducerea costului site-ului dvs. web în timp ce îmbunătățiți experiența utilizatorului a resursei ar trebui să fie un motiv bun pentru a petrece ceva timp pe acest tip de optimizare.
V Google Chrome, la fel ca și alte browsere ale sistemului de operare Windows, există o problemă, care este legată de faptul că, după încărcarea paginii, unele fișiere descărcate sunt salvate pe computer.
În timp, încep să ocupe prea mult spațiu pe hard disk.
Fursecurile trebuie curățate în mod regulat, deși totul poate fi bine. Procedura în sine nu durează mult timp, deoarece în Google Chrome este foarte ușor să o efectuați.
Ce este
Înainte de a șterge memoria cache din Google Chrome pe Windows, ar trebui să înțelegeți ce este de fapt. Termenul în sine, cash, a fost luat din cuvântul englezesc cash. Acesta desemnează o locație cache sau de stocare. Este adesea numit și „cookies” datorită faptului că este vorba de date textuale ale site-ului, stocate pe computerul utilizatorului. Pe lângă detaliile tehnice, putem spune că astfel de depozite de informații fac posibilă furnizarea deschidere rapidași afișarea acelor site-uri pe care utilizatorul le-a vizitat anterior prin Chrome.
În general, astfel de stocări sunt o opțiune excelentă pentru economisirea traficului de internet. Deci, de exemplu, după ce ați vizionat un videoclip pe un anumit site, când îl vedeți din nou, nu va mai fi nevoie să îl descărcați complet din rețea. Faptul este că algoritmii browserului creează automat o copie a videoclipului respectiv și îl plasează în memoria computerului, creând astfel cookie-uri și un cache. De asemenea, oferă timpi de încărcare mai rapid.
Cu toate acestea, în acest caz, există și părți negative. De exemplu:
- Dacă s-au făcut modificări site-ului după ce a fost vizitat dintr-un browser și informații despre acesta au fost salvate în cookie-uri, nu toate vor fi afișate într-o formă nouă. Motivul este că există deja o imagine în memorie versiune veche site-ul pe care algoritmii browserului l-au încărcat și poate fi afișat utilizatorului. Pentru a evita acest lucru, trebuie să curățați în timp util depozitele de informații;
- O altă parte negativă este că astfel de informații, dacă nu sunt curățate pentru o lungă perioadă de timp, vor ocupa foarte mult un numar mare de spațiu pe hard disk, reducându-i spațiul liber.
Cum să curățați
Procedura în sine este cât se poate de simplă. În primul rând, trebuie să lansați browserul în sine prin sistem Windows... Acum trebuie să apăsați combinația de taste Shift + Ctrl + Delete. Acesta este cel mai mult drumul rapid deschideți cookie-urile browserului. Acest lucru se poate face în alt mod. Pentru a face acest lucru, trebuie să găsiți butonul de intrare în meniu în Chrome (este în ultimele versiuni notat cu trei puncte dispuse într-o coloană), se numește „Setări și management” și apăsați. 
În cele emergente meniul contextual este necesar să selectați elementul „Setări”, după care se va deschide o filă cu toți parametrii disponibili pentru modificări. Coborâm chiar în partea de jos a paginii, unde apare butonul „Afișează setari aditionale„Și dă clic pe el. Găsim acolo secțiunea „date cu caracter personal”, unde va trebui să faceți clic pe butonul „Șterge istoricul”. 
În continuare, va apărea o fereastră în care puteți curăța, pe lângă depozitele de fișiere necesare, datele salvate din istoricul descărcărilor, ce site-uri au fost vizitate, precum și informații despre parole. Pentru a selecta exact ce va fi șters, trebuie să bifați lângă un anumit element. După aceea, puteți apăsa pur și simplu butonul „Șterge istoricul” și așteptați până când procedura este finalizată.
Aceasta completează procedura de curățare a fișierelor de stocare a informațiilor din browserul Google Chrome prin Windows. Totuși, mai trebuie spus că aflându-se în secțiunea de setări „Date personale”, poți specifica frecvența ștergerii unui anumit tip de date stocate în Google Chrome. Acest lucru vă va permite să vă asigurați că nu toate fișierele sunt șterse, ci doar învechite și nu mai sunt relevante. De asemenea, trebuie spus că cookie-urile și memoria cache au diferențe semnificative:
- Primele sunt urme care rămân după vizitarea unui site sub formă de informații schimbate între site-uri web și Chrome în sine;
- Al doilea este un depozit de videoclipuri, muzică și fotografii descărcate de pe diverse site-uri web.
De asemenea, puteți șterge toate fișierele salvate fără a intra în Chrome. Pentru a face acest lucru, va trebui să deschideți folderul în sine în Windows, unde sunt stocate. 
De obicei, acest lucru se poate face accesând C: \ Documents and Settings \ Admin \ Local Settings \ Application Data \ Google \ Chrome \ User Data \ Default \ Cache \ unde „Admin” este numele de utilizator Windows.
Am lansat o nouă carte „Content Marketing in retele sociale: Cum să intri în fruntea abonaților și să te îndrăgostești de marca ta.”
Neil Patel a publicat un articol despre cum să crești viteza unui site mobil.
Pentru ce este: în 2014, site-ul web Walmart a durat 7 secunde să se încarce pe dispozitivele mobile, arătând utilizatorii Ecran alb... Într-un an, Walmart a redus timpul de încărcare a paginii la 2,9 secunde. 4 secunde au fost reduse prin reducerea barierelor la încărcare: simplificare Cod JavaScript, eliminarea fonturilor lente, optimizarea imaginilor. Creșterea vitezei pe secundă a crescut conversia site-ului cu 2%.
Plus 2% doar pentru că utilizatorul a început să aștepte ca pagina să se deschidă cu 1 secundă mai puțin. Acesta este un motiv bun pentru a vă verifica site-ul. Chiar dacă ți se pare că funcționează rapid, s-ar putea să se dovedească că, până la urmă, mai sunt secunde în plus și îți fură profiturile. Cum să aflați cât de rapid este site-ul dvs. și cum să îl accelerați dacă este necesar, a vorbit despre Neil Patel.
Irina Vinnichenko
Content Marketer SEMANTICA
Viteza de încărcare a site-ului web este un parametru important pentru promovare în motoare de căutare Oh. Viteza mica reduce numărul de clienți pe site-urile de servicii, vânzările în magazinele online, audiența blogului.
Există mai multe servicii care vă pot ajuta să aflați viteza de încărcare a site-ului dvs. Nu le voi descrie capacitățile, le voi testa mai repede și nu voi folosi un exemplu specific pentru a afla cum funcționează serviciile, pentru a evalua avantajele / contra.
- pr-cy.ru
- mainspy.ru
- air.rf
Puteți citi mai multe despre modul în care este determinată viteza de încărcare a site-ului în articolul Semantică.
În articolele mele, vorbesc mult despre importanța optimizării mobile. De ce acord atât de mare importanță acestui lucru?
deoarece trafic mobil Este realitatea lumii digitale. Acum este mai important decât traficul pe desktop. 51,3% din toți utilizatorii de internet sunt utilizatori de telefonie mobilă. Numărul va crește în viitor.
O modalitate actualizată de a adapta un site pentru dispozitive mobile Este un design web receptiv cu ferestre pop-up non-intruzive.
Designul web responsive oferă afișarea corectă a paginilor de resurse pe orice ecran: tabletă, telefon, laptop. Face acest lucru selectând foi de stil, ascunzând anumite elemente.
În plus, toate cele mai bune practici de optimizare dezvoltate pentru desktop se aplică și pentru mobil. Voi vorbi despre unul dintre ele - despre viteza.
De ce este important să ne gândim la viteză
Utilizatorii se așteaptă de la site încărcare rapidă... Dacă încetinește, pierzi tone de trafic.
Permiteți-mi să citez un studiu ca exemplu. La întrebarea dacă ați întâlnit site-uri care durează prea mult să se încarce pe mobil, 73% dintre utilizatori au răspuns pozitiv. 40% dintre ei au părăsit site-ul dacă a durat mai mult de 3 secunde pentru a încărca pagina.
Există studii care arată că oamenii se așteaptă ca site-urile web să se încarce și mai repede - literalmente într-o clipă, adică în 400 de milisecunde.
Să nu uităm că Google se concentrează și pe viteza de încărcare a site-ului web. Utilizează viteza ca factor de clasare.
Aflați viteza de încărcare a site-ului dvs
S-ar putea să credeți că site-ul dvs. se încarcă suficient de repede. Dar poate fi mai lent decât crezi.
Unul dintre cele mai bune teste Viteza site-ului mobil - Gândește-te cu Google:
Îl vom testa pe Amazon.com, deoarece este adesea folosit de pe telefoane mobile.
Procesul de analiză durează un minut sau două.
La sfârșitul analizei, veți vedea trei evaluări:
În acest articol, primele două evaluări sunt importante pentru noi: compatibilitatea cu dispozitivele mobile și viteza mobilă, adică capacitatea de răspuns a site-ului pentru utilizatorii de dispozitive mobile și viteza de încărcare.
Prima evaluare arată cât de ușor este de utilizat site-ul dvs. pe mobil. Aceasta este o metrică generală. Pentru acest indicator, Amazon se descurcă grozav. Dar viteza de descărcare este proastă.
Think With Google oferă diagnosticare gratuită a site-urilor web. Vă recomand să fiți de acord să pregătiți un raport detaliat și să vedeți ce are de oferit serviciul pe baza analizei.
Îmbunătățiți designul site-ului dvs. mobil
Gândiți-vă la momentul în care v-ați creat designul site-ului. Te-ai gândit la dispozitivele mobile? Improbabil.
Cel mai probabil, la acel moment desktop-ul era pe primul loc. Dar acum trebuie să ne regândim abordarea designului, ținând cont de noile realități.
Site-urile mobile s-au schimbat foarte mult în ultimii doi ani. Era obișnuit să existe două versiuni ale unui site - obișnuit, desktop și mobil. Acestea din urmă au fost ușor identificate prin subdomeniul „m.”:
În această situație, site-urile mobile și desktop sunt gestionate diferit. Ele pot fi comparate cu McDonald's și McAutos. Dextop este un restaurant McDonald's. Site-ul mobil este MacAuto.
Aceasta înseamnă că versiunea mobilă este o aplicație pentru desktop, își îndeplinește sarcinile, dar nu poate oferi serviciul și confortul pe care le oferă site-ul desktop principal.
Dar acum acest lucru nu este suficient. Utilizatorii de dispozitive doresc o experiență mai bună. Au nevoie de mare și serviciu rapid... Designul web responsiv va ajuta la satisfacerea dorințelor acestora.
Designul web responsiv înseamnă capacitatea unui site de a se schimba în funcție de dispozitivul de pe care a fost deschis. Astfel, utilizatorii de dispozitive mobile și desktop vor deschide același site, dar modul în care îl văd va depinde de dispozitivul care este folosit pentru a-l descărca.
Google îi place această abordare, ceea ce este confirmat de declarația companiei: „ Design adaptiv Este modelul de design recomandat de Google.”
S-ar putea să vă gândiți: „Ok, bine. Dar cum mă poate ajuta designul web receptiv să rezolv problemele de viteză.”
Designul web responsiv permite de obicei site-ului dvs. să se încarce mai repede decât versiune mobila... Folosind-o, obțineți un mare avantaj SEO.
Deci, dacă nu aveți încă un design web responsive, este timpul să începeți să vă gândiți la asta.
Faceți-vă site-ul ușor
Când există multă vizualizare pe site, se pare că arată grozav. Acest lucru face mai ușor să agățați utilizatorul.
Dar uneori sunt prea multe vizualizări. Ca urmare, site-ul se încarcă mai lent. Cu cât adăugați mai multă imagine, cu atât va dura mai mult pentru încărcare.
Dezvoltatorii numesc acest cod de condiție bloat sau software umflat. Tradus în limba unui utilizator non-programator, site-ul este împovărat cu cod inutil.
În cele mai multe cazuri, motivul apariției codului suplimentar este concentrarea excesivă a designerului pe prezentarea vizuală. Tocmai excesiv, pentru că este, desigur, necesar să ne gândim la un design frumos. Dar, în același timp, eficacitatea site-ului nu ar trebui să se retragă în fundal.
Din fericire, eficiența și design frumos merge bine împreună. Câteva sfaturi:
Simplifica
Leonardo da Vinci spunea că: „Simplitatea este limita supremă a experienței”. Aproape cinci sute de ani mai târziu, cuvintele lui încă sună corect. Dacă te uiți în jur, vei vedea că totul în jurul tău complex este înlocuit cu un design minimalist. Acest lucru funcționează și pentru site-uri. Mai ales pe mobil, pentru că pe ecrane dispozitive portabile prea putin spatiu. Spațiul pivotant este ușor de revărsat. Gândiți-vă cum să evitați mizeria.
De obicei, un site mobil are nevoie doar de un CTA pe pagină. Această limitare vă va ajuta să vă micșorați codul și să aveți un impact pozitiv asupra experienței utilizatorului.
Iată un exemplu design simplu de la Rug Doctor:
Plin de farmec. Fără strălucire suplimentară. Atrage atentia.
Nu aveți nevoie de culori și fotografii vibrante pentru a atrage atenția utilizatorilor. Când vine vorba de design pentru mobil, mai puțin este adesea mai mult.
Reduceți pașii
Cu cât un vizitator al site-ului trebuie să facă mai puțin, cu atât mai bine.
De ce să faci 7 pași între client și achiziție când trei ar fi de ajuns. Scurtarea canalului de vânzări vă va ajuta să vă vindeți produsul mai rapid și să simplificați procesul pentru utilizator.
Această strategie este folosită de multe magazine online. Experiența lor arată că scurtarea etapelor pâlniei crește vânzările.
De exemplu, voi da site-ului mobil Boden's. Este foarte ușor să cumpărați produsul de acolo. Doar adăugați-l în coș, completați detaliile de plată, plătiți.
Drept și simplu. Nimic in plus.
Din nou, scurtând pașii, scurtăm codul. Este dificil să-l faci uriaș cu un minim de pagini pe site.
Folosiți mai puține imagini
Imaginile bune sunt utile pentru orice site. Utilizatorilor le plac și ajută cu SEO. Dar dacă există prea mult bun, nu mai este bun.
Pentru referință, imaginile ocupă aproximativ 63% din greutatea paginii.
Greutatea medie din 2011 până în 2015 pagina mobilă a crescut de trei ori.
Imaginile sunt cele mai solicitante elemente ale unei pagini. Ele ocupă mult spațiu. Nerezonabil multe imagini sunt proaste.
Există două moduri de a reduce greutatea unei imagini:
- Decupați imaginea.
- Comprimați imaginea.
Imi place mai mult a doua varianta. Compresia reduce greutatea imaginii, nu afectează calitatea și scurtează timpul de încărcare a paginii. Apropo, este, de asemenea, mai ușor pentru crawlerele motoarelor de căutare să acceseze cu crawlere și să indexeze o pagină cu imagini comprimate.
Nu utilizați fonturi personalizate
imi place fonturi frumoase... Dar majoritatea sunt foarte pretențioși.
Unii consumă o tonă de CSS, alții îngreunează JavaScript. În orice caz, există o cantitate imensă de cod de care trebuie să te ocupi.
Minimizează-ți codul
Minimizarea este eliminarea oricăror elemente care nu sunt necesare pentru existența corectă a codului - spații suplimentare, tab-uri, linii goale. Minificarea ajută la creșterea vitezei de încărcare a paginii.
