6 moduri de a accelera încărcarea site-ului dvs. web
Publicat: 2021-08-19Site-ul dvs. web ar putea fi cel mai frumos site din lume, dar nu vă este de folos dacă este nevoie de veșnic pentru a încărca. Hai sa recunoastem. Oamenii sunt nerăbdători și un site lent împiedică clienții potențiali să-și finalizeze achiziția.
Când merg la cumpărături online, mă aștept să se încarce paginile în cel mai rău interval de 5-10 secunde. Mai mult decât atât și mă supăr sau plec cu totul din magazin.
Sigur, este posibil ca unii oameni să fie mai răbdători decât mine, dar de ce să riscăm? Jucați-l în siguranță și faceți site-ul companiei dvs. cât mai rapid posibil.

Fotografie de Meddygarnet
Cu toate acestea, înainte de a începe, primul lucru pe care trebuie să-l determinați este cât de rapid este suficient de rapid? Această măsură a optimizărilor site-ului dvs. web depinde în mare măsură de analiza și datele demografice ale vizitatorilor dvs. de pe web.
De exemplu, acum 3 ani, când eu și soția mea am lansat pentru prima dată magazinul nostru online, peste 35% dintre clienții noștri foloseau dialup-ul. Drept urmare, a trebuit să facem reduceri drastice cu designul site-ului nostru web, pentru a oferi o experiență de cumpărături rapidă, presupunând doar o rată de descărcare de 56K.
Astăzi, doar 2% dintre clienții noștri folosesc dialup (slavă Domnului!), Astfel încât să putem adăuga în siguranță mai mult conținut multimedia fără a afecta experiența utilizatorului.
Pentru a determina dimensiunea maximă a oricărei pagini date, de obicei înmulțesc 5 secunde cu lățimea de bandă medie ponderată a vizitatorilor mei pe web. De exemplu, dacă majoritatea vizitatorilor mei folosesc DSL, aș putea să presupun o viteză de descărcare de 1 Mb și să decid că 5 Mbți este dimensiunea maximă pe care ar trebui să o aibă o anumită pagină web.
Aceasta nu este o știință exactă. În cele din urmă, trebuie să decideți singur cât de rapid trebuie să fie site-ul dvs. web.
În toate cazurile, totuși, mai rapid este întotdeauna mai bine. Așa cum am făcut aluzie în ultima mea postare, viteza site-ului web nu este întotdeauna o funcție a gazdei dvs. web. De fapt, de cele mai multe ori, webmasterul este de vină pentru un site web lent și nu pentru un server lent. Acest articol va descrie câteva sfaturi despre cum să accelerați lucrurile.
Decideți ce este cel mai important și reordonați încărcarea
A-ți face site-ul mai rapid nu înseamnă întotdeauna tăierea imaginilor și a conținutului. Uneori, s-ar putea să îți placă site-ul exact așa cum este și nu prea ai chef să schimbi nimic.
Dacă acesta este cazul și site-ul dvs. web este lent, atunci de multe ori puteți scăpa cu simpla prioritate a modului în care se încarcă pagina dvs.
Ce vrei ca utilizatorul să vadă mai întâi? În majoritatea cazurilor, vizitatorilor nu le va deranja un site mai lent, atât timp cât lucrurile importante se încarcă mai întâi și puful se termină mai târziu.
De exemplu, cu MyWifeQuitHerJob.com, mă asigur întotdeauna că tot conținutul suculent apare mai întâi înainte de publicitate. În acest fel, dacă anunțurile se încarcă puțin încet, nu trage în jos întregul blog.
Paginile web se încarcă întotdeauna în ordine secvențială, deci ar trebui să plasați întotdeauna lucrurile pe care doriți să le încărcați mai întâi în partea de sus a paginii și cele mai puțin importante la sfârșitul documentului html.
În cazul elementelor care trebuie să apară într-o anumită poziție a paginii, puteți folosi javascript sau css pentru a controla ordinea de încărcare.
De exemplu, chiar dacă anunțul meu în clasament de 728 × 90 apare chiar în partea de sus a MyWifeQuitHerJob.com, mă asigur că se încarcă ultima, efectuând pașii următori.
- Creez un <div id = ”banner728 ″> gol unde ar trebui să fie anunțul și îl setez pe„ banner728 ”. Acest lucru creează în mod eficient un substituent necompletat pe care îl pot încărca ulterior folosind javascript
- La sfârșitul paginii, includ următorul fragment de javascript
<script type = ”text / javascript”>
document.getElementById („banner728”). innerHTML = „codul bannerului publicitar dorit”;
</script>
Acest cod găsește substituentul „banner728” pe care l-am setat mai sus și inserează bannerul publicitar în <div>. Deoarece acest script se află la sfârșitul fișierului, acesta se încarcă ultima după orice altceva.
Nu utilizați redimensionarea imaginii HTML
O greșeală obișnuită pe care o fac mulți începători este să se bazeze pe html pentru a micșora și redimensiona imaginile. În timp ce această tehnică funcționează și pare inofensivă, aceasta va ucide absolut performanța site-ului dvs. web.

Motivul este că întreaga imagine originală trebuie încărcată înainte de a fi afișată, chiar dacă afișați doar o imagine mult mai mică.
Pentru a vă împiedica să cădeți în această capcană, asigurați-vă că vă alocați timp pentru a micșora imaginea la dimensiunile dorite înainte de a o afișa pe site-ul dvs. Nu trageți doar imaginile direct de pe camera dvs. digitală.
Optimizați-vă imaginile
Ochiul uman este mult mai iertător de calitatea imaginii atunci când privește o imagine independentă pe un monitor de computer. Prin urmare, puteți scăpa de imagini de calitate mult mai scăzută pentru site-ul dvs. web.
Asigurați-vă că vă optimizați și micșorați imaginile cât de mult puteți înainte de a le afișa pe pagina dvs. Aleg adesea o calitate JPEG de 50% sau mai puțin folosind Photoshop cu imaginile de pe site-urile mele.
Dacă utilizați GIFS, asigurați-vă că nu utilizați o paletă de culori mai mare decât aveți cu adevărat nevoie. Dacă poți scăpa cu doar 16 culori, atunci alege GIF-ul tău doar cu o paletă de 16 culori.
Analizați toate GIF-urile dvs. pentru a vă asigura că niciunul dintre sloturile de culoare nu este irosit de duplicate.
Găzduiește videoclipuri și imagini mari cu o terță parte
Cu excepția cazului în care vă găzduiți site-ul web pe un set puternic de servere, conținutul multimedia bogat vă va încetini site-ul până la accesarea cu crawlere. În general, este mult mai economic să vă găzduiți videoclipurile și fișierele mai mari pe un serviciu terță parte, cu o infrastructură mai robustă, care acceptă mai bine streamingul.
De exemplu, în loc să găzduiești videoclipuri pe propriul tău server, de ce să nu folosești YouTube sau Vimeo? Dacă doriți să dețineți conținutul pe care îl produceți, puteți plăti și utiliza un serviciu precum Amazon S3. Lăsați conținutul mare de lățime de bandă pentru băieții mari.
Evitați utilizarea codului terț sau a imaginilor cu legături rapide
Ori de câte ori conectați rapid o imagine sau un cod de pârghie care este găzduit pe un alt server, puneți în pericol viteza site-ului dvs. web. În cazul în care serverul terță parte este lent sau încet, acesta ar putea, de asemenea, să elimine propriul dvs. site web, deci este important să reduceți la minimum utilizarea codului terț.
În plus, de fiecare dată când site-ul dvs. accesează un server terță parte, trebuie efectuată o căutare DNS, care poate dura destul de mult, în funcție de congestia rețelei.
Câteva sute de milisecunde de întârziere s-ar putea să nu pară prea mult, dar dacă extrageți codul de pe 10 servere diferite, aceste căutări pot adăuga până la câteva secunde de latență.
Profitați de cache și compresie
Cea mai mare parte a majorității site-urilor web este textul și textul se comprimă extrem de bine. De aceea, dacă activați compresia pe serverul dvs., puteți reduce timpul de descărcare cu până la 75%.
Din păcate, nu toți gazdele partajate au compresie activată pe serverele lor. Dacă site-ul dvs. web se află pe un webhost partajat, asigurați-vă că îi întrebați dacă serverele lor acceptă mod_deflate sau mod_gzip.
Dacă compresia este acceptată de serverul dvs., asigurați-vă că o activați pe site-ul dvs. web, urmând pașii descriși în acest articol. Dacă utilizați WordPress, pluginul WP-SuperCache gestionează deja compresia pentru dvs.
În plus față de comprimare, vă puteți accelera site-ul prin stocarea în cache a paginilor accesate frecvent de pe site-ul dvs. web. Pentru magazinul nostru online, fac de fapt acest pas și creez pagini statice pentru paginile web cu trafic intens, care nu se schimbă foarte des.
Viteza contează
Este posibil ca cineva să vă vadă site-ul web într-o conexiune mult mai lentă decât a dvs. Și trebuie întotdeauna să țineți cont de cel mai mic numitor comun pentru a maximiza potențialul de profit al afacerii dvs. online.
Am fost destul de șocat să văd că magazinul nostru online are încă clienți dial-up! Dacă le mai am, atunci și tu s-ar putea.