17 sfaturi eficiente pentru a reduce timpul de încărcare a paginii blogului

Publicat: 2020-11-10

Imaginați-vă că vizitați un site unde fiecare pagină a durat câteva secunde pentru a se încărca.

Frustrant, nu-i așa?

Adevărul este că mulți bloggeri neglijează viteza de încărcare a site-ului web pe măsură ce încarcă elemente vizuale fanteziste - de la carusele de imagini la widget-uri interactive.

Nu aceasta este modalitatea de a-ți impresiona publicul.

Au nevoie de un blog care se încarcă rapid, maximizează lizibilitatea și oferă informațiile pe care le doresc imediat.

Să discutăm cum să le oferim ceea ce vor.

Ghidul final pentru optimizarea vitezei de încărcare a blogurilor

  • 1. De ce este importantă Viteza de încărcare a paginii
    • 1.1 Păstrați mai mult trafic
    • 1.2 Creșteți conversiile
    • 1.3 Clasamente superioare ale motoarelor de căutare
  • 2. Cum se testează viteza de încărcare a site-ului web
  • 3. Cum se reduce timpul de încărcare a blogului
    • 3.1 Eliminați pluginurile nedorite
    • 3.2 Căutați pluginuri care fac mai mult
    • 3.3 Actualizați-vă planul de găzduire
    • 3.4 Alegeți o temă mai bună
    • 3.5 Optimizați-vă imaginile
    • 3.6 Dezactivați Hotlinking-ul
    • 3.7 Investiți într-un CDN
    • 3.8 Reduceți codurile
    • 3.9 Evitați resursele de blocare a redării
    • 3.10 Reduceți numărul de postări pe pagina dvs. de pornire
    • 3.11 Nu inundați cititorii cu reclame
    • 3.12 Curățați serverul
    • 3.13 Activați stocarea în cache a site-urilor web
    • 3.14 Utilizați compresia GZIP
    • 3.15 Optimizați baza de date a site-ului dvs. web
    • 3.16 Optimizați comentariile utilizatorilor
    • 3.17 Optimizați focalizarea pe primele dvs. pagini
  • 4. Concluzie

De ce este importantă viteza de încărcare a paginii

În plus față de experiența îmbunătățită a utilizatorului, o viteză de încărcare rapidă are, de asemenea, numeroase avantaje din punct de vedere al marketingului.

Păstrați mai mult trafic

Statisticile arată că aproximativ 40% dintre utilizatori ar părăsi un site care nu se încarcă în trei secunde sau mai puțin. Această cifră sare la 53% dacă vorbim despre utilizatorii de telefonie mobilă.

rata de abandon a utilizatorilor în 3 secunde
  • Salvați

Și vă întrebați de ce blogul dvs. are o rată de respingere atât de abisală.

Dacă continuați să ignorați viteza de încărcare a blogului, practic reduceți potențialul de trafic în aproximativ jumătate.

Creșteți conversiile

Știați că o întârziere de o secundă a timpilor de încărcare determină o scădere de 7% a conversiilor?

Pentru a pune lucrurile în perspectivă, aceasta reprezintă o pierdere de 7 USD de fiecare dată când asigurați conversii în valoare de 100 USD.

efectul unei întârzieri de 1 secundă
  • Salvați

Este posibil să nu pară uriaș, dar nu uitați că site-urile web ale concurenților dvs. sunt la doar câteva clicuri distanță.

Odată ce cititorii trec la un alt blog cu o experiență mai bună a utilizatorului, este posibil să nu se uite niciodată înapoi.

Clasamente superioare ale motoarelor de căutare

În cazul în care nu știați, motoarele de căutare precum Google sunt foarte deosebite când vine vorba de experiența utilizatorului.

De aceea, privesc viteza de încărcare ca un factor important de clasare nu doar pentru desktop, ci și pentru site-urile mobile.

viteza și SEO
  • Salvați

Dacă nu sunteți familiarizați cu termenul SEO sau Optimizare motor de căutare , vă sugerez să începeți să învățați folosind această postare.

Deocamdată, permiteți-mi să vă arăt următorul pas către atingerea performanței de top a blogului: măsurarea vitezei reale de încărcare a blogului dvs.


Cum se testează viteza de încărcare a site-ului web

S-ar putea să credeți că site-ul dvs. web rulează deja suficient de repede, dar numai un instrument precum PageSpeed ​​Insights de la Google îl poate dovedi.

Pur și simplu, este un instrument de optimizare a performanței care analizează viteza site-ului dvs. web, detectează problemele care afectează viteza și oferă o listă de sugestii, împreună cu resurse utile.

Pentru a utiliza PageSpeed ​​Insights, continuați și introduceți adresa URL a blogului dvs. și faceți clic pe „Analizați”.

statistici privind viteza de pagină
  • Salvați

Doar acordați PageSpeed ​​Insights câteva secunde pentru a-și face magia.

După ce ați terminat, primul lucru pe care îl veți găsi este o evaluare aprofundată a performanței site-ului dvs. web, inclusiv scorul dvs. de viteză, factorii care afectează viteza de încărcare și latența estimată sau întârzierea înainte ca intrările utilizatorului să poată fi înregistrate.

rezultate statistici privind viteza de pagină
  • Salvați

De asemenea, puteți utiliza PageSpeed ​​Insights pentru performanța dispozitivelor mobile, trecând la fila „Mobil” . Instrumentul ar trebui să vă prezinte imediat un alt raport care să reflecte performanța blogului dvs. pe smartphone-uri și tablete.

statistici privind viteza de pagină pentru mobil
  • Salvați

Ți-ai găsit scorurile de viteză?

De aici înainte, vă sfătuiesc să le folosiți ca mijloc principal de măsurare a performanței site-ului dvs. web.

Obiectivul dvs. este simplu: să efectuați cât mai multe optimizări necesare pentru a ajunge la capătul „rapid” al scării scorului de viteză.

Lasă-mă să-ți arăt despre ce vorbesc.

scara scorului de viteză
  • Salvați

S-ar putea să citiți undeva că un scor de viteză de cel puțin 85 este suficient de bun, ceea ce este de fapt destul de adevărat, dat fiind faptul că chiar și site-urile mari precum Facebook au scoruri mai mici de 90.

Scorul de viteză Facebook
  • Salvați

Dar, ca un brand în devenire, care încearcă să-ți facă o picătură în nișa ta, să te mulțumești cu „ suficient de bun ” nu este niciodată o opțiune.

Ar trebui să îmbrățișați întotdeauna oportunități care vă vor ajuta să depășiți concurența.

Una dintre aceste oportunități este îmbunătățirea experienței utilizatorului pe site-ul dvs. web prin creșterea vitezei de încărcare.

Sunteți gata să faceți următorul pas? Atunci să ajungem la el.


Cum se reduce timpul de încărcare a blogului

Acum că am analizat „de ce ” optimizarea vitezei de încărcare a paginii, este timpul să vorbim despre „ cum.

Dacă știți ceva sau două despre dezvoltarea web, îndeplinirea recomandărilor prezentate în PageSpeed ​​Insights ar trebui să treacă prin campania dvs. de optimizare a performanței. Ar trebui să le puteți găsi chiar sub secțiunea „ Date de laborator ”.

oportunități de informații despre viteză de pagină
  • Salvați

Bineînțeles, sugestiile pe care le veți primi în PageSpeed ​​Insights depind de starea generală a site-ului dvs. web. Majoritatea recomandărilor obișnuite de optimizare vor fi însă incluse în lista strategiilor pe care le-am pus mai jos.

Fără alte întrebări, iată pașii dovediți către un blog mult mai rapid și profitabil:


1. Eliminați pluginurile nedorite

Platformele de publicare a blogurilor și sistemele de gestionare a conținutului, cum ar fi WordPress, acceptă de obicei o mulțime de plugin-uri gata de utilizat, ceea ce face mai ușoară implementarea tuturor tipurilor de caracteristici.

Puteți include un widget de rezervare online, puteți crea formulare de înscriere personalizate, puteți crea pagini de destinație impresionante - fără a scrie o singură linie de cod tot timpul. Folosiți doar bara de căutare integrată pentru a găsi rapid un plugin care să răspundă nevoilor dvs.

căutare pluginuri wordpress
  • Salvați

Vorbește despre comoditate.

Cu toate acestea, utilizarea pluginurilor poate fi o sabie cu două tăișuri.

Nu puteți încărca doar site-ul dvs. web cu câte pluginuri doriți.

Prea multe pluginuri într-o singură pagină pot consuma resursele serverului și pot încetini site-ul dvs. până la accesarea cu crawlere.

Dacă nu ați acordat niciodată mare atenție bibliotecii de pluginuri, este posibil să instalați pluginuri redundante care au caracteristici de bază similare.

Ați crede că WordPress vă va avertiza dacă sunteți pe cale să instalați mai multe pluginuri de același tip.

Din păcate, nu este cazul.

Aruncați o privire asupra numeroșilor constructori de formulare pe care îi pot înghesui în tabloul meu de bord WordPress:

mai mulți constructori de pagini
  • Salvați

Vestea bună este că conflictele dintre pluginuri similare pot fi rezolvate cu ușurință prin dezactivarea celor de care nu mai aveți nevoie.

Pentru a face acest lucru, extindeți meniul „Pluginuri” din tabloul de bord și accesați „Pluginuri instalate”. De acolo, selectați toate pluginurile de care nu aveți nevoie și aplicați comenzile „Dezactivare” sau „Ștergere” din meniul derulant „Acțiuni în bloc”.

eliminați pluginurile
  • Salvați

În afară de conflictele dintre pluginuri similare, anumite pluginuri - în special cele care nu sunt testate cu versiunea dvs. actuală de WordPress - ar putea face ca tabloul de bord să devină neclintit.

Puteți evita acest lucru instalând câte un plugin la un moment dat, evitând în același timp pluginurile „ netestate ”.

pluginuri netestate
  • Salvați

Dacă întâmpinați timpi de încărcare mai lungi, blocări sau alte probleme pe tabloul de bord WordPress, dezactivați ultimul plugin instalat. Dacă problema persistă, probabil că este cauzată de un alt plugin.

Atunci puteți dezactiva toate pluginurile și le puteți activa unul câte unul până când veți găsi vinovatul. După ce faceți acest lucru, vă recomandăm să căutați un plugin alternativ sau să îl actualizați la cea mai recentă versiune.

2. Căutați pluginuri care fac mai mult

În timp ce suntem în pluginuri, să vorbim rapid despre alegerile dvs. pentru pluginuri.

În WordPress, cu cât sunt mai puține plugin-uri, cu atât mai bine.

Pe cât posibil, căutați pluginuri care pot purta mai multe pălării decât să instalați unul nou pentru fiecare caracteristică pe care doriți să o implementați.

De exemplu, mai degrabă decât să folosiți plugin-uri separate pentru formulare de contact, evaluări de stele, recenzii și proiectarea paginilor de destinație, utilizați doar un plugin precum Elementor Page Builder care rulează toate aceste caracteristici într-una singură.

Elementor constructor de pagini
  • Salvați

După eliminarea excesului de plugin-uri din CMS, să analizăm un alt factor care poate determina ca site-ul dvs. să ruleze încet.

3. Actualizați-vă planul de găzduire

Pentru noii bloggeri, un plan de găzduire de un dolar pentru site-ul dvs. web este foarte greu de rezistat.

Dar odată ce începeți să generați sute, dacă nu chiar mii, de vizitatori pe lună, veți înțelege de ce companiile de găzduire oferă planuri la acest preț.

Încetiniri frecvente, perioade de nefuncționare, asistență slabă pentru clienți - acestea sunt câteva dintre dezavantajele alegerii unei soluții de găzduire web ieftine. Acest lucru se datorează în principal faptului că serviciile de găzduire de un dolar utilizează în mod obișnuit hardware de bază pentru server de bază.

„Dacă sunteți serios în legătură cu blogging-ul, site-ul dvs. merită ceva mai bun decât cel mai ieftin plan de găzduire.” - Ankit Singla

Căutați-vă și căutați companii de găzduire web susținute de o mulțime de recenzii pozitive, cum ar fi:

  • BlueHost
  • HostGator
  • SiteGround
  • WPXHosting

Dacă aveți dubii, puteți utiliza un instrument precum Pickuphost pentru a testa viteza oricărei gazde pe care o luați în considerare. Tot ce trebuie să faceți este să alegeți furnizorul de găzduire din meniul derulant, să selectați locația serverului și să faceți clic pe „Începeți testul”.

În mod ideal, ar trebui să alegeți locația serverului lângă publicul țintă.

test de viteză pentru pickuphost
  • Salvați

Puteți observa, de asemenea, că majoritatea companiilor de găzduire oferă mai multe planuri, inclusiv partajate, Virtual Private Server sau VPS, și dedicate.

Pentru majoritatea blogurilor, un plan de găzduire VPS ar trebui să fie mai mult decât suficient pentru a face față nevoilor de lățime de bandă a site-ului dvs. web. Un plan comun de găzduire, pe de altă parte, poate fi, de asemenea, viabil dacă nu primiți încă hoarde de trafic.

Vă recomandăm să începeți mai întâi cu o găzduire partajată și să treceți la un plan alimentat de VPS, odată ce traficul blogului dvs. va crește.

Poate că singurul motiv pentru a alege găzduirea dedicată este dacă site-ul dvs. prezintă și un magazin online cu sute de produse. În acest caz, chiar și o gazdă VPS poate să nu aibă capacitatea de lățime de bandă necesară pentru a vă menține magazinul digital în funcțiune.

4. Alegeți o temă mai bună

Apropo de lățimea de bandă, puteți reduce cerințele de lățime de bandă ale site-ului dvs. web alegând o temă mai simplă și minimalistă.

Utilizatorii WordPress ar trebui să primească imediat ceea ce vorbesc.

La urma urmei, biblioteca tematică WordPress are deja câteva teme minimaliste gratuite. Chiar și proiectanții de teme terți oferă o mulțime de teme ușoare care pot îmbunătăți performanța site-ului dvs. web.

teme comerciale wordpress
  • Salvați

Cheia aici este să căutați teme care nu sunt împodobite cu detalii vizuale inutile, cum ar fi glisorii de imagini, animații și efecte CSS.

Puteți verifica personal aceste elemente previzualizând teme, care este o caracteristică de bază în majoritatea piețelor tematice, inclusiv în directorul tematic WordPress.

previzualizare temă
  • Salvați

Temele pentru copii Genesis de la Studiopress se numără printre temele mele preferate pentru WordPress. Acestea oferă zeci de teme minimaliste, compatibile cu dispozitivele mobile, care sunt, de asemenea, compatibile cu editorul Gutenberg , care este editorul de conținut implicit pentru WordPress versiunea 5.0 și ulterioară.

Mai important, aceste teme vă vor ajuta să atingeți viteze de încărcare mai mari pentru site-ul dvs.

Pentru a afla mai multe despre temele Genesis și beneficiile lor, ar trebui să consultați cu siguranță această recenzie.

5. Optimizează-ți imaginile

Nu toate elementele vizuale care afectează performanța site-ului dvs. web sunt incluse în tema dvs.

Fiecare imagine pe care o încărcați pe site-ul dvs. web, fie că este logo-ul site-ului dvs. web, imagini, butoane sau infografii prezentate, umflă cerințele de lățime de bandă ale blogului dvs. și, prin urmare, afectează performanța.

Dar, din moment ce conținutul vizual este obligatoriu în fiecare blog, nu puteți opri doar să vă condimentați postările cu imagini. În schimb, puteți utiliza un instrument de compresie a imaginilor, cum ar fi Kraken.io, pentru a reduce dimensiunea imaginilor dvs., fără modificări notabile ale calității.

kraken
  • Salvați

Kraken.io vine cu un instrument de compresie gratuit, fără pierderi, care poate optimiza imaginile în bloc. Pur și simplu trageți și fixați imaginile în instrument sau încărcați un dosar zip pentru a iniția procesul de compresie.

Nu uitați să setați modul de compresie la „ Lossless ”, astfel încât imaginile finale să nu pară neclare.

cum se face compresie fără pierderi
  • Salvați

Pentru bloggerii auto-găzduiți, puteți crește viteza WordPress cu un plugin precum WP Smush pentru a comprima toate imaginile din biblioteca dvs. media dintr-o singură dată. Doar faceți clic pe „Smush” din tabloul de bord și pe „Bulk Smush Now” pentru a începe.

smush în vrac
  • Salvați

WP Smush vă oferă, de asemenea, opțiunea de a comprima automat imaginile imediat ce sunt încărcate. Pentru a activa această caracteristică, activați „Automatic Smush” în secțiunea „Setări” a interfeței pluginului.

smush automat
  • Salvați

Amintiți-vă, compresia imaginii este doar unul dintre lucrurile pe care ar trebui să le faceți dacă sunteți un fan al conținutului vizual - la fel ca mine. Ca atare, vă îndemn să citiți ghidul meu detaliat privind optimizarea imaginilor și SEO.

imagini blog seo
  • Salvați

6. Dezactivați Hot Linking

Chiar și cu o compresie fără pierderi, imaginile dvs. pot totuși să ascundă resursele serverului și să încetinească site-ul datorită hotlink-ului.

Aceasta este o practică obișnuită în care un alt site se leagă direct de imaginea sau fișierul dvs. - permițându-le să afișeze aceste resurse pe propria pagină.

Sigur, partajarea conținutului dvs. pe alte site-uri web este excelentă atunci când ați făcut-o corect. Dar prin hotlinking, aceste site-uri folosesc în cele din urmă lățimea de bandă pe care ați plătit-o extragând conținut de pe site-ul dvs.

De aceea, hotlinking-ul este denumit și furtul lățimii de bandă .

Puteți opri conectarea rapidă odată pentru totdeauna adăugând următorul cod la „fișierul .htaccess”:

gzip on;

gzip_disable „msie6”;

gzip_vary on;

gzip_proxied any;

gzip_comp_level 6;

gzip_buffers 16 8k;

gzip_http_version 1.1;

gzip_types application / javascript application / rss + xml application / vnd.ms-fontobject application / x-font application / x-font-opentype application / x-font-otf application / x-font-truetype application / x-font-ttf application / x-javascript application / xhtml + xml application / xml font / opentype font / otf font / ttf image / svg + xml image / x-icon text / css text / javascript text / plain text / xml;

Pentru cei care nu știu unde să găsească fișierul .htaccess al site-ului lor, acesta poate fi găsit pe panoul de control al contului dvs. de găzduire.

Ce trebuie să faceți este să căutați „ managerul de fișiere ” al serviciului dvs. de găzduire și să navigați la folderul rădăcină al site-ului dvs. web. Fișierul dvs. .htaccess ar trebui să fie chiar acolo cu o pictogramă care seamănă cu un bloc de note:

.htaccess
  • Salvați

7. Investiți într-un CDN

S-a terminat compresia imaginilor și prevenirea hotlink-urilor?

Bun.

Ce se întâmplă dacă ți-aș spune că există o modalitate de a face ca imaginile tale să se încarce și mai repede?

Cu o rețea de livrare de conținut sau CDN, puteți utiliza o întreagă rețea de servere proxy pentru a accelera viteza de transfer a datelor site-ului dvs. către utilizatori.

Cea mai bună parte este că furnizorii de servicii CDN se asigură că serverele lor sunt distribuite în locații cheie din întreaga lume. Acest lucru reduce semnificativ problema latenței pe care o întâmpină în mod normal vizitatorii din zone îndepărtate.

rețea de livrare a conținutului
  • Salvați

La fel ca gazdele web, trebuie să fiți atenți atunci când alegeți un CDN pentru blogul dvs.

Nu vă faceți griji - am creat o listă cu cele mai bune servicii CDN pentru blogul WordPress pe care le puteți folosi.

Pot să garantez personal pentru MaxCDN, care este, de departe, printre cele mai bune CDN-uri în ceea ce privește costul și caracteristicile.

8. Reduceți codurile

Imaginile dvs. nu sunt singurele lucruri care pot crește cerințele de lățime de bandă ale site-ului dvs. web.

Coduri precum HTML, CSS și JavaScript pot contribui, de asemenea, la dimensiunea paginilor dvs. web.

Solutia? Reduceți- le prin eliminarea caracterelor inutile din cod, cum ar fi spațiile albe, liniile suplimentare și comentariile.

Aceste caractere nu afectează în niciun fel funcția codului, dar măresc dimensiunea acestuia. La rândul lor, browserele vor dura mai mult timp pentru a descărca și a rula codul atunci când încărcați pagina.

spațiu alb inutil
  • Salvați

Așteptați un minut - înseamnă că trebuie să parcurgeți fiecare cod de pe site-ul dvs. pentru a elimina caracterele inutile unul câte unul?

Calmeaza-te.

La fel ca și în cazul compresiei imaginilor, există instrumente pe care le puteți utiliza pentru a automatiza acest proces.

Minify Code, de exemplu, este un instrument gratuit care vă poate tăia codurile în câteva secunde. Funcționează pentru orice fișier JavaScript, CSS și HTML pe care îl aveți pe site-ul dvs. web.

minifycode
  • Salvați

Dacă utilizați WordPress, o alternativă este să utilizați un plugin cum ar fi W3 Total Cache, care vă poate minimiza activele de cod dintr-o singură lovitură.

Odată instalat, faceți clic pe „Performanță” din tabloul de bord principal și faceți clic pe „Minify” pentru a vedea opțiunile.

tablou de bord minifycode
  • Salvați

Vă recomandăm să activați următoarele setări pentru a optimiza codul site-ului dvs. web pentru îmbunătățirea performanței:

  • Setări minify HTML
  • Setări minify JS
  • Setări minify CSS
activați reducerea codului
  • Salvați

Citiți acest tutorial W3 Total Cache pentru toate setările optime.

9. Evitați resursele de blocare a randării

Întrucât suntem pe tema codurilor, haideți să aprofundăm lucruri mai avansate.

Dacă ați rulat PageSpeed ​​Insights și vi s-a spus să „eliminați resursele de blocare a redării”, este posibil să fie nevoie să vă murdăriți mâinile cu unele coduri pentru a maximiza performanța blogului dvs.

elimina resursele de blocare a redării
  • Salvați

Pe scurt, resursele de blocare a redării sunt coduri care împiedică încărcarea conținutului HTML de bază al unui site web. Asta înseamnă că sigla, meniurile, postările și alte elemente esențiale ale paginii dvs. nu se vor încărca decât dacă sunt încărcate resursele problematice.

Resursele de blocare a randării pot fi foi de stil, importuri HTML și diverse scripturi. PageSpeed ​​Insights ar trebui să vă ofere o listă completă a acestor coduri:

lista resurselor care blochează redarea
  • Salvați

Pentru a face față resurselor de blocare a redării, cel mai simplu pas este să mutați JavaScript în partea de jos a codului HTML al site-ului dvs. web - chiar înainte de eticheta de închidere „</body>”.

De asemenea, puteți utiliza atributul „amânare” pentru a încărca scriptul numai după ce HTML a fost încărcat complet. Acest lucru se poate face prin inserarea defer = ”defer” în eticheta „<script>”.

amâna eticheta
  • Salvați

Consultați această postare pentru mai multe informații despre resursele de blocare a randării și ce puteți face pentru a le optimiza.

Desigur, puteți primi întotdeauna ajutor de la un dezvoltator web dacă nu vă simțiți confortabil să lucrați cu coduri. Alternativ, puteți utiliza un plugin precum Autoptimize pentru a amâna automat scripturile la subsolul site-ului dvs. web - un alt plugin de optimizare a vitezei WordPress care vă face treaba de o sută de ori mai ușoară.

Optimizează automat
  • Salvați

10. Reduceți numărul de postări pe pagina dvs. de pornire

În continuare, să vorbim despre numărul de postări afișate pe pagina dvs. de pornire.

CMS, cum ar fi WordPress și platformele de publicare a blogurilor, au adesea o mulțime de teme care prezintă postările de pe blog din start.

Dacă utilizați imagini de înaltă calitate pentru fiecare postare, utilizatorii vor avea inevitabil nevoie de mai mult timp pentru a vă încărca pagina de pornire.

Personal afișez doar patru postări pe pagina mea de pornire pentru o măsură bună:

patru postări pe pagină
  • Salvați

Acordat, browserele pot extrage titlurile postărilor de pe blog - uneori incluzând o descriere sau primele câteva rânduri ale conținutului dvs. - în timp ce imaginile sunt încărcate. Dar acest lucru reduce în continuare fluiditatea generală a experienței utilizatorului de pe site-ul dvs. web.

În plus, majoritatea platformelor de site-uri web și CMS vă permit să reduceți numărul de postări afișate pe pagina dvs. de pornire.

Deoarece setările pe care trebuie să le modificați variază de la o platformă la alta, să aruncăm o privire asupra modului în care se face pe WordPress.

Din tabloul de bord principal, faceți clic pe „Setări” și accesați secțiunea „Lectură” .

Setarea de citire WordPress
  • Salvați

Ar trebui să vedeți imediat setarea „ Paginile blogului arată cel mult ”. Simțiți-vă liber să modificați valoarea implicită la orice număr mai mic și să verificați dacă acest lucru îmbunătățește viteza de încărcare a site-ului dvs. web.

postări de blog afișate pe pagină
  • Salvați

11. Nu inundați cititorii cu reclame

Deși previzualizările postărilor pe pagina dvs. de pornire vă pot afecta în mod negativ viteza de încărcare, cel puțin au un beneficiu pozitiv pentru experiența cititorilor.

Cu toate acestea, reclama nu o face.

Deși este adevărat că anunțurile sunt cu siguranță utile în generarea de bani pentru un blog, cititorii dvs. probabil că nu vor aprecia dacă le perturbați experiența cu mai multe anunțuri pe o singură pagină. Mai important, configurarea anunțurilor în fiecare colț al site-ului dvs. va provoca o scădere a performanței sale.

reclame și viteza site-ului
  • Salvați

Acestea fiind spuse, este mai bine dacă lăsați publicul să se concentreze asupra elementelor importante ale blogului dvs. și să păstrați anunțurile la minimum.

Eu, unul, nu sunt dispus să compromit experiența cititorilor mei de dragul venitului suplimentar - așa cum puteți vedea pe site-ul meu cu anunțuri absolut zero.

zero reclame
  • Salvați

Dacă aș fi în locul dvs., aș acorda prioritate linkurilor afiliate drept strategia mea principală de generare de bani. Acestea sunt legături contextuale care indică produse sau servicii care pot fi utile utilizatorilor.

Cum câștigi bani cu marketingul afiliat?

Buna intrebare.

Puteți consulta ghidul meu de marketing afiliat dacă sunteți interesat.

12. Curățați serverul

În acest moment, ar fi trebuit să înțelegeți deja corelația dintre viteza de încărcare și cantitatea de dezordine de pe site-ul dvs. web.

Este foarte simplu: dacă îți păstrezi blogul minimalist și ușor, browserele nu vor lua mult timp pentru a încărca și a prezenta totul utilizatorilor.

Fiți întotdeauna prudenți atunci când adăugați mai multe elemente pe site-ul dvs. web, fie că este vorba de conținut vizual, scripturi sau reclame. În același timp, asigurați-vă că contul dvs. de găzduire are încă un spațiu suficient pe disc pentru a vă menține site-ul web fără probleme.

Contul dvs. de găzduire ar trebui să aibă un instrument încorporat care vă permite să urmăriți utilizarea generală a discului. Pentru a vă face o idee, iată o captură de ecran a instrumentului SiteGround pentru utilizarea spațiului pe disc :

instrument de utilizare a discului
  • Salvați

În cazul în care contul dvs. de găzduire nu are suficient spațiu, iată câteva dintre lucrurile pe care le puteți face:

  • Mutați copiile de rezervă pe o unitate locală
    Site-urile mai vechi tind să aibă gigaocteți de copii de rezervă stocate pe serverul lor de găzduire. Descărcarea lor într-o unitate locală și ștergerea lor de pe server este o modalitate excelentă de a elibera spațiu.
  • Ștergeți conturile inactive
    Dacă aveți conturi inactive în planul dvs. de găzduire, eliminați-le definitiv pentru a vă economisi mult spațiu pe disc. Deoarece acesta este un proces ireversibil, vă recomandăm să creați mai întâi o copie de rezervă locală a contului înainte de ștergere.
  • Ștergeți fișierele .TMP
    Platforma site-ului dvs. web sau CMS pot genera fișiere temporare din activități precum actualizări de pluginuri și urmărirea datelor de sesiune. Ar trebui să le ștergeți în siguranță, dar nu va strica să creați o copie de rezervă offline a folderului „tmp” din motive de siguranță.

Dacă aveți dubii, contactați asistența pentru clienți a furnizorului de servicii de găzduire pentru a economisi spațiu pe disc.

13. Activați stocarea în cache a site-urilor web

Comprimarea imaginilor, reducerea codului, reducerea anunțurilor, ștergerea contului de găzduire - viteza de încărcare a site-ului dvs. web ar trebui să fie la fel de rapidă ca oricând cu aceste strategii.

Dar nu te relaxa încă. Mai avem încă câteva strategii de discutat care vor spori și mai mult viteza de încărcare a site-ului dvs. web.

Cu stocarea în cache a site-urilor web, blogul dvs. se poate încărca aproape instantaneu pentru vizitatorii care revin.

Memorarea în cache a site-urilor web funcționează permițând stocarea temporară a datelor, inclusiv scripturi, imagini, fișiere media și alte forme de conținut descărcabil - reducând astfel numărul de solicitări HTTP pe care trebuie să le facă un browser.

Pentru a implementa stocarea în cache a site-ului web, metoda lungă este să inserați următorul cod chiar în partea de sus a fișierului .htaccess al site-ului dvs. web:

## EXPIRES CACHING ##

<IfModule mod_expires.c>

ExpiresActive On

ExpiresByType image / jpg „acces 1 an”

ExpiresByType image / jpeg „acces 1 an”

ExpiresByType imagine / gif „acces 1 an”

ExpiresByType image / png „acces 1 an”

ExpiresByType text / css „acces 1 lună”

ExpiresByType text / html „acces 1 lună”

Aplicație ExpiresByType / pdf „acces 1 lună”

ExpiresByType text / x-javascript „acces 1 lună”

Aplicația ExpiresByType / x-shockwave-flash „acces 1 lună”

ExpiresByType image / x-icon „acces 1 an”

Expiră Implicit „acces 1 lună”

</IfModule>

## EXPIRES CACHING ##

Dacă doriți, puteți seta limite de timp diferite înainte ca anumite cache să expire. De exemplu, dacă doriți să reduceți timpul de expirare a cache-urilor de imagini PNG la 1 lună, pur și simplu modificați linia „ExpiresByType image / png” în:

ExpiresByType image / png „acces 1 lună

Din nou, utilizatorii WordPress pot folosi instrumente pentru a face această strategie de optimizare o briză. De fapt, am trecut deja prin plugin-ul de care aveți nevoie - W3 Total Cache.

Revenind la sub-meniul „Performanță“ din tabloul de bord WordPress, peste cap „Page Cache“ bifează „Cache mesaje pagina“ caseta de selectare.

pagina de mesaje cache
  • Salvați

14. Utilizați compresia GZIP

Înainte de a închide W3 Total Cache și de a continua cu ultimele strategii rămase în acest ghid, mai trebuie să faceți un lucru.

Din submeniul „Performanță” , mergeți la „Cache browser” și verificați opțiunea „Activați compresia HTTP (gzip)” .

activați compresia GZIP
  • Salvați

Compresia GZIP îmbunătățește viteza de descărcare a fișierelor bazate pe text prin reducerea dimensiunii acestora - nu prea diferită de procesul de comprimare a fișierelor locale într-un folder zip. Principalul motiv pentru care compresia GZIP este adoptată pe scară largă pentru optimizarea vitezei site-ului web este că este suportată nativ de HTTP începând cu versiunea 1.1.

Dacă nu utilizați WordPress sau orice altă platformă care are programe de completare GZIP, atunci va trebui să o activați folosind modul tradițional: modificarea fișierului .htaccess al site-ului dvs. web .

Deoarece știi deja unde să îți găsești fișierul .htaccess, nu mai rămâne decât codul care activează compresia GZIP pe site-ul tău.

Mergeți - copiați și lipiți.

Servere Apache

<IfModule mod_deflate.c>

# Comprimă HTML, CSS, JavaScript, Text, XML și fonturi

Aplicație / javascript AddOutputFilterByType DEFLATE

AddOutputFilterByType DEFLATE application / rss + xml

AddOutputFilterByType DEFLATE application / vnd.ms-fontobject

AddOutputFilterByType DEFLATE application / x-font

AddOutputFilterByType DEFLATE application / x-font-opentype

AddOutputFilterByType DEFLATE application / x-font-otf

AddOutputFilterByType DEFLATE application / x-font-truetype

AddOutputFilterByType DEFLATE application / x-font-ttf

AddOutputFilterByType DEFLATE application / x-javascript

AddOutputFilterByType DEFLATE application / xhtml + xml

AddOutputFilterByType DEFLATE application / xml

AddOutputFilterByType DEFLATE font / opentype

AddOutputFilterByType DEFLATE font / otf

AddOutputFilterByType DEFLATE font / ttf

AddOutputFilterByType DEFLATE imagine / svg + xml

AddOutputFilterByType DEFLATE imagine / pictogramă x

AddOutputFilterByType DEFLATE text / css

AddOutputFilterByType DEFLATE text / html

AddOutputFilterByType DEFLATE text / javascript

AddOutputFilterByType DEFLATE text / simplu

AddOutputFilterByType DEFLATE text / xml

# Eliminați erorile browserului (este necesar doar pentru browserele foarte vechi)

BrowserMatch ^ Mozilla / 4 gzip-only-text / html

BrowserMatch ^ Mozilla / 4 \ .0 [678] no-gzip

BrowserMatch \ bMSIE! No-gzip! Gzip-only-text / html

Se adaugă antetul Vary User-Agent

</IfModule>

Servere NGINX

gzip on;

gzip_disable „msie6”;

gzip_vary on;

gzip_proxied any;

gzip_comp_level 6;

gzip_buffers 16 8k;

gzip_http_version 1.1;

gzip_types application / javascript application / rss + xml application / vnd.ms-fontobject application / x-font application / x-font-opentype application / x-font-otf application / x-font-truetype application / x-font-ttf application / x-javascript application / xhtml + xml application / xml font / opentype font / otf font / ttf image / svg + xml image / x-icon text / css text / javascript text / plain text / xml;

Rețineți că, pentru utilizatorii NGINX, trebuie să lipiți codul în fișierul „.conf” pentru a implementa GZIP.

Testarea compresiei GZIP

Dacă ați activat manual compresia GZIP, utilizați un instrument precum Testul de compresie GZIP de GiftOfSpeed ​​pentru a verifica implementarea cu succes.

Similar cu PageSpeed ​​Insights, singurul pas în utilizarea testului de compresie GZIP este să introduceți adresa URL a site-ului dvs. web și să faceți clic pe butonul „Verificați” .

test gzip giftofspeed
  • Salvați

În câteva secunde, instrumentul ar trebui să verifice dacă compresia GZIP este activată sau nu pe site-ul dvs. web. De asemenea, vă va arăta procentul de compresie, împreună cu dimensiunile sale înainte și după comprimare.

Rezultatele testului Gzip
  • Salvați

15. Optimizați baza de date a site-ului dvs. web

Fixarea resurselor de blocare a redării și activarea compresiei GZIP sunt printre cele mai avansate strategii din această postare, dar nu am terminat încă.

Următorul pas este să vă optimizați tabelele bazei de date MySQL pentru a vă ajuta serverul să aducă mai repede datele de care au nevoie utilizatorii.

Ce sunt tabelele bazei de date MySQL?

În termeni simpli, baza de date MySQL conține practic tot ce este de găsit pe site-ul dvs. web, inclusiv postări, comentarii, date și alte conținuturi. Platformele de publicare a blogurilor și CMS precum WordPress creează automat tabele în baza dvs. de date pe măsură ce adăugați mai multe informații pe site-ul dvs.

Iată cum arată o bază de date MySQL:

Tabelul bazei de date MySQL
  • Salvați

Cu toate acestea, baza de date va acumula tot felul de junk-uri de-a lungul timpului, inclusiv pingback-uri, comentarii spam și revizuiri post - creșterea constantă în dimensiune și afectarea performanței site-ului dvs. web.

Pentru a vă dezordina baza de date MySQL, o opțiune este să utilizați instrumentul integrat de optimizare a tabelelor de pe panoul de control al contului de găzduire.

SiteGround, de exemplu, are comanda „Optimizați tabelele” din meniul derulant „Cu selectat:” .

optimizați tabelele
  • Salvați

Aceste opțiuni pot fi găsite în instrumentul „phpMyAdmin”, care ar trebui să se afle în secțiunea „Baze de date” a panoului de control.

phpMyAdmin
  • Salvați

De regulă, creați întotdeauna copii de rezervă ale bazelor de date înainte de a efectua optimizări. Descărcați-le într-o unitate locală pentru a economisi spațiul pe disc al contului de găzduire.

Îți faci griji că ai putea deranja ceva pe server?

Cu un plugin WordPress precum WP-Sweep, puteți optimiza tabelele bazei de date din interfața CMS. După instalarea și activarea pluginului, accesați „Instrumente” și faceți clic pe „Mătură” pentru a vizualiza tabelele bazei de date găsite pe site-ul dvs.

măturarea tabloului de bord
  • Salvați

De acolo, puteți face clic pe „Mătură” pentru elementele individuale ale bazei de date pentru a le șterge - sau derulați până în partea de jos a paginii pluginului și faceți clic pe „Mătură toate”.

opțiuni de maturare
  • Salvați

Asigurați-vă că nu aveți nicio schiță de postare, deoarece o măturare completă a tabelelor bazei de date le va șterge. În timp ce participați, verificați comentariile neaprobate, astfel încât să nu eliminați accidental întrebările, feedback-ul valoros și alte preocupări exprimate de cititorii dvs.

16. Optimizați comentariile utilizatorilor

Vorbind despre comentarii, blogurile WordPress au, de asemenea, o funcție la îndemână, care poate trage instantaneu fotografia de profil a comentatorului prin intermediul serviciului Gravatar sau Avatar recunoscut la nivel global .

În timp ce gravatarii adaugă o notă frumoasă secțiunii de comentarii a blogului dvs., acestea au un impact asupra vitezei de încărcare a site-ului dvs. web. Acest lucru îi obligă pe unii bloggeri WordPress să dezactiveze afișarea lor cu totul.

Pentru a face același lucru, accesați „Setări” , apoi faceți clic pe „Discuție”. Căutați opțiunea „Afișați avatare ” de mai jos, secțiunea „Afișare avatar” și deselectați-o.

dezactivează comentariile gravatare
  • Salvați

Dacă doriți să păstrați gravatarele, dar nu vă place efectul lor asupra vitezei de încărcare, puteți utiliza un plugin precum BJ Lazy Load pentru a face avatarurile să se încarce după resursele critice ale site-ului web - un proces cunoscut sub numele de încărcare leneșă .

În afară de avatare, puteți activa și încărcarea leneșă pentru miniaturi, imagini, iframe și alte tipuri de conținut. Trebuie pur și simplu să accesați „Setări”, să selectați „BJ Lazy Load” și să alegeți „Da” în opțiunile pe care doriți să le utilizați.

Opțiuni de încărcare leneș BJ
  • Salvați

În ceea ce privește comentariile WordPress, un alt sfat despre cum să crești viteza de încărcare a paginii este să folosești paginarea . Acest lucru împarte comentariile la postările dvs. în mai multe pagini - reducând timpul necesar browserelor pentru a le încărca și reda.

Pentru a utiliza paginarea, pur și simplu reveniți la pagina de setări „Discuție” și activați opțiunea „Divizați comentariile în pagini cu X comentarii de nivel superior pe pagină”.

împărțiți comentariile în pagini
  • Salvați

Încercați să reduceți numărul de comentarii vizibile pe pagină de la valoarea implicită de 50 la oriunde în jurul valorii de 10. Acest lucru ar trebui să îmbunătățească semnificativ timpul de încărcare a comentariilor și, la rândul său, conținutul blogului dvs.

17. Concentrați optimizarea pe primele dvs. pagini

Înainte de a încheia această postare, iată un ultim sfat:

Începeți să optimizați performanța celor mai populare pagini .

Nu va avea sens să acordați prioritate postărilor care abia obțin trafic. Pe de altă parte, a face din paginile dvs. de top o prioritate înseamnă că eforturile dvs. vor aduce beneficii celor mai mulți utilizatori.

Google Analytics este încă un alt instrument gratuit care vă va ajuta să vă identificați principalele pagini. Pur și simplu extindeți submeniul „Comportament” și faceți clic pe „Prezentare generală” .

Cele mai importante 10 pagini ar trebui să fie vizibile în secțiunea „Pagină”.

Paginile de top ale GA
  • Salvați

Ușor, nu?

De asemenea, puteți utiliza Google Analytics pentru a efectua o cercetare aprofundată a cuvintelor cheie - un subiect pe care l-am discutat în postarea mea despre cum să găsiți cuvintele cheie cu cele mai bune performanțe cu Google Analytics.


Concluzie

În calitate de blogger, ar trebui să fiți pregătit să faceți orice de dragul experienței utilizatorului.

Viteza de încărcare a site-ului dvs. web poate părea un factor superficial, dar poate crea sau sparge singur succesul blogului dvs. - nu doar din perspectiva UX, ci și din punct de vedere al SEO.

Acum, știu că nu veți putea aplica toate strategiile de mai sus într-o singură zi. Acestea fiind spuse, nu uitați să marcați această pagină și să vă alăturați grupului nostru public de Facebook pentru mai multe ghiduri de bloguri criminale!

Reduceți timpul de încărcare a blogului
  • Salvați