reducerea

Greutatea unei pagini web este un factor foarte important pe care dezvoltatorii ar trebui să-l ia în considerare atunci când dezvoltă una, motoarele de căutare poziționează pagini mai ușoare și utilizatorii au o experiență mai bună a unei pagini web care se încarcă rapid, în acest articol voi împărtăși câteva sfaturi pentru pierde din greutatea site-ului tău și utilizatorii se simt fericiți.

Înainte de a continua cu această postare, vă invit să citiți următoarele articole:

Înainte de a continua, vă invit să ascultați Podcast: „Stăpânirea lucrului cu diferite limbaje de programare”:

Spotify Soundcloud

Ei bine, acum să continuăm cu Postarea: sfaturi pentru a reduce greutatea unei pagini web și a îmbunătăți experiența utilizatorului (UX).

Nu utilizați aceeași foaie de stil CSS pe toate paginile

O pagină web trebuie să aibă întotdeauna stiluri CSS, este esențial să arăți un design plăcut folosind fonturi frumoase, culori plăcute, meniuri dinamice etc.

Dar există stiluri care nu sunt necesare pentru a fi utilizate pe alte pagini ale unui site web, de exemplu, dacă pe pagina principală a site-ului web, aveți un videoclip de prezentare la care ați aplicat anumite stiluri CSS și pe pagina de contact acest videoclip nu este utilizat Ei bine, încărcăm stiluri din videoclip pe o pagină în care nu avem nevoie de ele, încărcăm o foaie de stil foarte grea.

Pentru a rezolva acest lucru, putem crea diferite foi de stil CSS și le putem utiliza pe fiecare în pagina respectivă, de exemplu fișierele pe care le putem denumi ca acasă.css, services.css, blog.css, gallery.css, contact.css, etc. Amintiți-vă că stilurile pentru siglă, antet, meniu, subsol și orice alt element pe care doriți să îl includeți pe toate paginile trebuie să fie păstrate întotdeauna. În acest fel, prin neincluderea tuturor stilurilor în celelalte pagini, deoarece site-ul dvs. web va fi mai puțin greu și se va încărca puțin mai repede.

Nu utilizați aceleași coduri JavaScript pe toate paginile

La fel ca CSS, fișierele JavaScript sunt utilizate pe scară largă în site-urile web dinamice, JavaScript face paginile web mai dinamice, permite validarea formularelor, crearea animațiilor, gestionarea datelor și orelor etc.

Încercați să creați un fișier JavaScript pentru fiecare pagină, de exemplu fișierele cu care le puteți denumi home.js, services.js, blog.js, gallery.js, contact.js, etc. și apoi apelați fișierul la pagina corespunzătoare, astfel încât să evitați încărcarea codului JavaScript care nu va fi utilizat și pagina se va încărca mai repede.

Creați o versiune pentru fiecare tip de dispozitiv

Un dispozitiv desktop, cum ar fi un PC sau un laptop, poate accepta pagini grele, ceea ce, desigur, nu este recomandat să faceți, dar să mergem la dispozitive mobile precum tablete, telefoane mobile, iPad-uri, iPhone etc. Dispozitivele mobile tind să aibă o capacitate hardware mai mică și dacă un utilizator vă deschide site-ul web pe dispozitivul mobil, va vedea că site-ul se încarcă mai lent decât în ​​mod normal din cauza lipsei de resurse hardware, cum ar fi procesorul.

Pentru a rezolva acest lucru, puteți crea 2 versiuni ale unui site web, una pentru desktop sau dispozitive desktop, cum ar fi PC-uri și o altă versiune pentru dispozitive mobile, cum ar fi telefoane mobile, tablete, iPad-uri, iPhone etc. Puteți alege să creați o pagină Google AMP pentru dispozitive mobile, astfel încât vizitatorii care intră pe site-ul dvs. web de pe dispozitivul lor să observe că site-ul dvs. web este foarte rapid și vor avea o experiență bună.

Folosiți servere cu resurse hardware bune

Uneori putem vedea că există site-uri web care au mult conținut și ne întrebăm, de ce aceste pagini se încarcă rapid, deoarece în multe cazuri se datorează utilizării unor servere puternice care au resurse mari.

Puteți alege să angajați un server VPS (Virtual Private Server), acest tip de server are de obicei resurse hardware foarte puternice, procesoarele au de obicei multe nuclee, memoria acestui tip de server este mai mare decât cea a unui server comun. aveți suficient spațiu pentru a stoca fișierele și folderele proiectului, printre alte caracteristici bune care vor face proiectul dvs. un glonț și se vor încărca foarte repede.

Utilizați bibliotecile din partea clientului (Front)

În aceste timpuri moderne, există multe biblioteci și instrumente care vă permit să accelerați încărcarea unui site web, aceste biblioteci fiind dezvoltate în mare parte cu limbajul de programare JavaScript, care este un limbaj utilizat pe scară largă în dezvoltarea web.

Puteți alege să utilizați Angular, React JS și Vue JS, aceste 3 instrumente fac ca încărcarea site-ului dvs. să fie rapidă, de exemplu, Angular este utilizat în populara platformă video YouTube, iar React JS este utilizat de compania Facebook în rețeaua sa socială populară și alte produse sau servicii, dacă aceste companii îl folosesc, acest lucru ne oferă asigurarea că aceste instrumente sunt bune și că încărcarea conținutului site-ului dvs. web va fi mai rapidă.

Dacă știți alte sfaturi, le puteți împărtăși în comentariile acestui articol.

Concluzie

În această postare am împărtășit câteva sfaturi că, dacă le implementați, veți reduce greutatea site-ului dvs. și, prin urmare, veți genera o experiență bună pentru utilizatori. Există și alte sfaturi pe care le-am putea menționa, dar dacă nu ați implementat niciunul dintre cele pe care le menționez în listă, atunci puteți începe să le implementați chiar acum.

Note)

  • Nu uitați că trebuie să folosim tehnologia pentru a face lucruri bune pentru lume.

Urmați-ne pe rețelele noastre sociale, astfel încât să nu ratați următorul nostru conținut.