8 Sfaturi pentru a accelera site-ul dvs.

Actualizat: 03 mai 2021 / Articol de: Timothy Shim

Chiar dacă nu există nimic altceva despre care să fiu sigur, un lucru este sigur - ați întâlnit cel puțin un site dureros de lent în viața ta înainte. Dacă vă sună familiar, permiteți-mi să transmit câteva sfaturi pe care le-am dobândit în ultimii ani, care vă pot ajuta să vă grăbiți site-ul.

Dacă nu sunteți sigur că viteza site-ului dvs. contează pentru dvs., atunci gândiți-vă la acea perioadă în care ați închis de asemenea o fereastră de browser în timp ce așteptați încărcarea unui site. Faptul este că 53% din oameni abandonează un site web care durează mai mult de 3 secunde pentru încărcare.

performanța site-ului dvs. web contează și joacă un rol important în influențarea clasamentului motorului de căutare. De exemplu, Google preferă site-urile web rapide și oferă clasamentele superioare în rezultatele căutării.

Durata medie de încărcare a paginii Web în diferite industrii (sursă).

Testează-ți viteza site-ului

Există o gamă largă de modificări pe care le puteți face site-ului dvs. pentru a îmbunătăți performanța. Unele pot fi la fel de simple ca opțiunile de comutare, în timp ce altele sunt mai implicate. Totuși, dacă ar trebui să le luați în considerare, tot procesul ar putea dura ceva timp.

Cel mai bine este să adoptați o abordare lentă și progresivă a îmbunătățirii performanței în loc să efectuați toate schimbările simultan. Ca în orice lucru bazat pe tehnologie, există șanse ca ceva să nu meargă.

Dacă implementați modificări de-a lungul timpului și documentați împreună cu testele, va fi mai ușor să identificați toate modificările pe care le-ați făcut, care ar putea determina ca site-ul dvs. să devină indisponibil sau să cadă. Crede-mă - în cele din urmă se va întâmpla.

Instrumente de testare a vitezei site-ului web

Pentru a începe, testați cât de repede este încărcat primul site-ul dvs. Unele instrumente recomandate sunt:

  • WebPageTest: Colectați performanța paginii web de la browsere reale care rulează sisteme de operare comune.
  • Pingdom: Ajută la analizarea și găsirea blocajelor într-o performanță a site-ului web.
  • GTmetrix: Analizați și oferiți informații detaliate despre cel mai bun mod de a optimiza o viteză de pagină web.
  • Bitcatcha: Verificați viteza site-ului din opt țări.
Utilizând un tester de viteză a site-ului, veți putea afla cât de bine este optimizat site-ul dvs. în prezent.

Iată sfaturile pentru a vă accelera site-ul ...

1. Alegeți un Web Host Mare

Din experiența mea, găzduirea web este probabil una dintre cele mai importante alegeri pe care va trebui să le faceți când găzduirea unui site web. Există gazde web și apoi există excelent web gazdele. Fiecare gazdă web va avea caracteristici diferite, deci căutați elemente-cheie, cum ar fi tehnologiile de caching propriu-zise, ​​dispozitivele SSD sau controlul asupra zonelor critice cum ar fi Nginx.

Nu pot sublinia acest lucru suficient. Alegerea dvs. de web gazdă este extrem de importantă. Dacă nu sunteți familiarizați cu ele, aruncați o privire asupra noastră recenzii complete de găzduire pentru a vă ajuta să vă îndrumați spre o decizie bine informată.

Vă recomand să luați în considerare trecerea la o gazdă web mai bună dacă găsiți că TTFB dvs. este constant prea mare.

De asemenea, verificați Lista lui Jerry cu cele mai bune companii de găzduire web.

2. Micsorare: mai mică este mai bună

Este comun pentru site-urile de astăzi să fie plină de fișiere Javascript și CSS. Acest lucru generează o tona de solicitări HTTP în timpul unei vizite care poate duce la încetinirea considerabilă a site-ului. Aici intră minificarea.

Minificarea fișierelor Javascript și CSS se face prin combinarea tuturor script-urilor într-un singur fișier (de fiecare tip). Aceasta nu este o sarcină ușoară, dar nu vă faceți griji, există pluginuri WordPress care pot gestiona acest lucru pentru dvs.

Încercați una dintre acestea pentru a începe cu: Autoptimize, Viteza rapidă se micșorează or Merge + Minify + Refresh

Micsorarea poate face ca codul dumneavoastră să arate totul încurcat - nu fi alarmat! Asta este normal.

3. Urmați principiul KISS

Acest lucru nu este în mod normal predat de majoritatea guru-urilor web, dar mi s-a părut extraordinar de util în atât de multe moduri. KISS este un acronim pentru „Keep it simple, stupid”. A fost inventat de un tip inteligent în anii 1960, care a subliniat eficiența sistemelor simple.

Ca regulă generală, consider că acest lucru se aplică la aproape totul în viață - chiar și în crearea site-urilor web. Prin evitarea implementărilor și a proiectelor prea complexe, veți beneficia de un site care este rapid și mai important, ușor de gestionat și de întreținut.

Design și vizual

Prin păstrarea designului și a imaginii simple, ceea ce vreau să spun este în principal sub forma reducerii aeriene. Un site grea în imagini masive, respirație și videoclipuri uimitoare este probabil să se încarce cât mai repede ca o leneș într-o zi proastă. Păstrați-l curat și ordonat și încercați să împărțiți încărcarea imaginilor video și a imaginilor pe diverse pagini.

Cod și pluginuri

WordPress este un lucru minunat, deoarece este foarte modular și totuși atât de simplu de utilizat. Indiferent ce vrei să faci, probabil că cineva are deja proiectat un plugin pentru asta.

La fel de excitant ca sună, feriți-vă de supraîncărcarea site-ului dvs. cu pluginuri. Rețineți că fiecare plugin este proiectat de oameni diferiți (și probabil companii diferite). Scopul lor este de a atinge un obiectiv specific, nu de a eficientiza performanța site-ului.

Dacă puteți, evitați pluginurile pentru lucruri pe care le puteți gestiona. Luați, de exemplu, un plugin care vă va ajuta să introduceți tabele în textul dvs. Puteți învăța cu ușurință un cod HTML de bază pentru a desena tabele în loc de a fi nevoie să utilizați un plugin pentru asta, nu?

Unele pluginuri individuale pot încetini semnificativ site-ul dvs., deci asigurați-vă că faceți un test de viteză de fiecare dată când instalați un plugin nou!

4. Pârghie în rețelele de difuzare de conținut

Pentru mine, rețelele de livrare a conținutului sunt un cadou de la zei. Companii precum Cloudflare și LimeLight Networks a face o viață ajutând alte popoare să se bucure de livrare de conținut stabil și rapid prin intermediul rețelelor de servere situate în întreaga lume.

Utilizarea unui CDN vă va ajuta să vă serviți paginile web mult mai rapid și să îmbunătățiți viteza de încărcare indiferent de locul în care vin vizitatorii dvs.

În afară de aceasta, utilizarea unui CDN oferă protecție suplimentară împotriva atacurilor rău intenționate, cum ar fi Deniul de serviciu distribuit (DDoS).

Dacă sunteți proprietarul unui mic site web, atunci Cloudflare are o opțiune gratuită pe care o puteți folosi, care funcționează foarte bine. Întreprinderile și site-urile mai mari vor trebui să plătească pentru a obține un plan mai bun, dar având în vedere meritele unui CDN, merită prețul!

Sfat: Aflați mai multe despre Cloudflare în celălalt articol al meu aici.

5. Utilizați Cache-ul

Caching-ul este exact așa cum se pare - stocarea fișierelor statice, astfel încât atunci când vizitatorii dvs. vin de-a lungul, site-ul dvs. poate partaja de la paginile construite anterior, astfel încât timpul de procesare este tăiat. În majoritatea cazurilor, ceea ce trebuie să fiți interesat este cache-ul de pe server.

Cea mai eficientă metodă de a implementa cache-ul de pe server este prin setările din Apache or Nginx Server. Va trebui să treceți prin aceste documente și să găsiți setările potrivite care vă vor ajuta să configurați cache-ul serverului.

Regula generală este că orice lucru care necesită o mulțime de activități de suport pentru server (procesare) ar trebui să fie stocat în cache dacă este posibil.

Dacă devine prea ciudat pentru dvs., Plugin-urile sunt o altă opțiune, dar din nou, nu vă recomand să recurgeți la asta în acest caz.

Sfat: Pentru site-urile WordPress, verificați Performanță rapidă. Utilizatorii fără cunoștințe de codificare își pot optimiza site-ul WordPress în doar câteva clicuri cu Swift Performance. Pluginul ajută la reglarea diferitelor probleme de viteză WordPress și la generarea automată de imagini nelimitate în format WEBP.

6. Imagini Lățime de bandă Hog, optimizați-vă!

Acesta este un pic de extindere la randul meu mai devreme împotriva imaginilor și clipurilor video masive, conform principiului KISS. Având în vedere că, înțeleg că imaginile sunt cheia pentru a face un site să arate destul. Deoarece nu putem să le evităm în totalitate, să ne asigurăm că imaginile pe care le folosiți sunt cât mai eficiente posibil,

Conținutul web este, în cea mai mare parte, fundamental, chiar și atunci când vine vorba de imagini. Majoritatea site-urilor pe care le-am întâlnit cu încărcătura asta, cum ar fi porcii moarte, sunt adesea tras în jos de imagini masive care nu servesc nici unui scop real.

Nu spun că nu puteți avea imagini mai mari, dar asigurați-vă că acestea sunt optimizate în mod corespunzător înainte de a le încărca.

Există două moduri în care puteți face acest lucru. Din nou, primul este prin intermediul unui plugin cum ar fi WP Smush or Performanță rapidă. Alternativa, sau pentru cei care nu folosesc WordPress, este un instrument de optimizare a imaginilor de la o terță parte, cum ar fi Compresor Image or JPEG Optimizer.

Cele mai multe instrumente de optimizare a imaginii vă vor permite să reglați detaliile rezoluției imaginilor astfel încât să puteți tonifica treptat. Ei vor arăta aproape același lucru cu ochiul neinstruit, dar cu mult mai mici.

Sfat: Imaginile WEBP se încarcă de 1.5 ori mai repede decât imaginile tradiționale JPEG și sunt acum acceptat de 94% browsere web. Ar trebui să difuzați imagini WEBP pe site-ul dvs. ori de câte ori este posibil.

Acestea sunt mărite în zone de imagine HD (stânga). Originalul a fost 2.3MB, iar după optimizare, a fost redus la 331kb!

7. Utilizați compresia gzip

Dacă ați auzit de compresie a imaginii sau arhivare (ZIP sau RAR), probabil că veți fi familiarizați cu teoria din spatele compresiei gzip. Aceasta comprimă codul site-ului dvs. web, rezultând o creștere a vitezei de până la 300% (rezultatele variază).

Chiar și pentru ceva atât de tehnic ca acesta, puteți merge chiar înainte și utilizați un plugin asemănător PageSpeed ​​Ninja. Cu toate acestea, există o metodă mult mai eficientă, care implică doar editarea fișierului .htaccess o dată.

Adăugați codul de mai jos în fișierul .htaccess și veți fi setat:

# Comprimare HTML, CSS, JavaScript, Text, XML și fonturi AddOutputFilterByType DEFLATE application / javascript AddOutputFilterByType DEFLATE application / rss + xml AddOutputFilterByType DEFLATE application / vnd.ms-fontobject AddOutputFilterByType AddOutputFilterByType cerere dezumfla / x-font-OTF cerere AddOutputFilterByType dezumfle / x-font-truetype cerere AddOutputFilterByType dezumfle / x-font-ttf AddOutputFilterByType cerere dezumfle / x-javascript aplicație AddOutputFilterByType dezumfle / xhtml + xml AddOutputFilterByType dezumfla application / xml AddOutputFilterByType dezumfla font / OpenType AddOutputFilterByType dezumfla font / font dezumfla AddOutputFilterByType OTF / TET AddOutputFilterByType dezumfla imagine / svg + xml AddOutputFilterByType dezumfle imagine / x-icon AddOutputFilterByType dezumfle text / css Text AddOutputFilterByType dezumfle / html AddOutputFilterByType dezumfla text / javascript AddOutputFilterByType DEF LATE text / simplu AddOutputFilterByType DEFLATE text / xml

* Notă: Asigurați-vă că adăugați acest cod mai jos de lucrurile pe care le aveți în prezent în fișierul .htaccess.

8. Reducerea redirecționărilor

În mod normal, browserele acceptă diverse forme de adrese care, la rândul lor, sunt traduse în cele oficiale recunoscute de serverul dvs. Luați de exemplu www.example.com și example.com. Ambele pot merge la același site, dar serverul trebuie să îl redirecționeze către adresa recunoscută oficial.

Această redirecționare necesită ceva timp și resurse, astfel încât obiectivul dvs. este să vă asigurați că site-ul dvs. poate fi accesibil prin intermediul a cel puțin unei redirecționări. Foloseste asta redirecționați cartograful pentru a vedea dacă o faci bine.

Având în vedere complexitatea de a face acest drept și timpul implicat în mod continuu, aceasta este o dată aș recomanda utilizarea unui plugin ca Redirectionarea.

Cât de repede este suficient de rapid?

Google PageSpeed ​​Insight
Google PageSpeed ​​Insight este un bun punct de vedere al modului în care gigantul de căutare vede performanța site-ului dvs.

Pe lângă experiența vizitatorilor, performanța site-ului dvs. vă afectează vizibilitatea în clasamentele de căutare. Din moment ce regele căutării este Google, acesta este barul pe care doriți să îl vizați. Potrivit acestora, site-urile ar trebui să se încarce în mod ideal în trei secunde.

Din păcate, multe site-uri încă nu îndeplinesc acest reper. De fapt, am măsurat câteva site-uri care iau în mod șocant atât timp cât 5 sau 6 minute să se încarce. Acestea fiind spuse, dacă site-ul dvs. necesită ceva peste 7 secunde pentru a se încărca, acesta este deja prea mult timp pentru Google.

Site-urile mai rapide mențin vizitatorii (și Google) mulțumiți

Vitezele de bandă largă de astăzi, chiar și pe telefonul mobil, au crescut cu atât de mult și vor crește și mai mult. Asta înseamnă că nu există o scuză foarte mică pentru proprietarii site-urilor web pentru ca vizitatorii să fie supuși unor site-uri cu încărcare lentă.

Crede-mă, vei continua să-ți pierzi vizitatorii și la un moment dat vei câștiga o reputație proastă că vei fi cunoscută ca "Oh, site-ul“. Dacă vă aflați într-o afacere online, asta o face și mai gravă, deoarece veți ucide propria gâscă de aur.

În timp ce sfaturile de mai sus 8 pe care le-am furnizat nu sunt în nici un caz să fie totul și sfârșitul tuturor, ar trebui să vă dau un start și câteva idei despre cum să gestionați lucrurile puțin mai bine. Accelerați astăzi site-ul dvs. web și păstrați clienții sau vizitatorii dvs.

Nu sfârși așa site-ul web.

Lecturi relevante

Despre Timothy Shim

Timothy Shim este scriitor, editor și tehnician geek. Începând cu cariera sa în domeniul tehnologiei informației, el și-a găsit rapid amprenta și de atunci a lucrat cu titluri media internaționale, regionale și interne, printre care ComputerWorld, PC.com, Business Today și Asian Banker. Expertiza sa constă în domeniul tehnologiei atât din punct de vedere al consumatorilor, cât și al întreprinderilor.

Conectați: