Ce este designul web durabil și cum se realizează
Publicat: 2022-12-01
„Îmi doresc foarte mult o mașină electrică, dar pur și simplu nu-mi permit”, a spus un prieten de-al meu cu remușcări în urmă cu câteva luni. El și cu mine discutam despre schimbările climatice și despre schimbările pe care le-am făcut amândoi în obiceiurile noastre.
am chicotit.
„Știți că și ei consumă energie, iar dacă nu vă încărcați mașina electrică printr-o priză care folosește energie regenerabilă, încă poluați destul de mult, nu?”
El a spus că știe asta, dar totuși a simțit că el și VW-ul său de 20 de ani au fost o palmă în fața tuturor eforturilor sale de a duce o viață mai durabilă, mai ecologică.
„Ce zici de asta – vă pot spune cum să vă reduceți emisiile de carbon prin lumea digitală”, am sugerat. Mi-a aruncat o privire nedumerită. I-am spus apoi că, conform unor statistici, utilizatorul mediu de internet generează aproximativ aceeași cantitate de CO2 ca și cum ar parcurge 1000 km cu o mașină obișnuită și există diverse activități care contribuie.
S-a luptat cu această idee timp de aproape zece minute până când am scos datele de pe telefon. Sincer, nu l-am învinuit pentru că îmi amintesc că am avut aceeași reacție în ziua în care mi-am dat seama că fiecare pagină web pe care o vizitez are un cost ascuns - cel al energiei folosite pentru a o menține.
Secretul murdar al internetului, ca să zic așa.
Potrivit Website Carbon Calculator, site-ul web produce în medie aproximativ 0,5 grame de CO2 pe vizualizare de pagină, deci pentru un site cu 100 000 de vizualizări lunare, înseamnă 500 kg pe an. Rețineți că este pe site!
Ca referință, o mașină medie emite 1200 kg de CO2 la 1000 km, așa că puteți vedea cum Internetul are un efect foarte palpabil asupra schimbărilor climatice și încălzirii globale datorită amprentei sale imense de carbon.
Deci întrebarea rămâne: ce poți face ca proprietar de site web pentru a reduce impactul site-ului tău asupra mediului nostru?
Design web durabil, desigur.
La Kualo, suntem atât de împletite în mod intrinsec cu conceptul de durabilitate, încât am simțit că ar fi natural să explorăm acest subiect. În acest articol, vom învăța:
Dorim să vă oferim planurile exacte care vă vor ajuta să minimizați amprenta de carbon a site-ului dvs., așa că, fără alte prelungiri, haideți să ne aprofundăm!
Acesta este ceea ce putem citi în Manifestul pentru design web durabil, site-ul web explicând pe scurt ce ar cuprinde acest credo. Să trecem rapid peste cele 6 puncte:
Dacă luați în considerare toate punctele menționate mai sus, puteți vedea că ceea ce cere acest manifest nu este doar un design web durabil, ci este într-adevăr fundația pentru practicile de afaceri durabile și pentru o economie durabilă. Pentru a avea un viitor mai bun, avem nevoie de afaceri care oferă servicii și produse semnificative și utile, care au un impact negativ minim asupra mediului și oamenilor.
Cu alte cuvinte, dacă alegeți un design web durabil, ar trebui să:
Acum, revenind la ceea ce am spus la începutul acestui articol (și infograficul nostru despre impactul Internetului asupra mediului), știm că aceasta este practic o gaură neagră energetică în continuă creștere. Pe de altă parte, știm, de asemenea, că Internetul este esențial pentru mulți oameni și nu este ca și cum ar putea să-l schimbe cu versiunea sa mai eficientă din punct de vedere energetic, așa cum ai face cu o mașină sau un laptop.
Dar știi ce putem schimba?
Designul site-ului nostru, desigur.
Dacă principalul aspect este că dimensiunea site-ului dvs. și modul în care este construit influențează direct cât de mult CO2 va genera, atunci acesta este ceea ce trebuie să ne adresăm în calitate de proprietari de site-uri.
Dar există un beneficiu suplimentar în schimbarea modului nostru când vine vorba de design web?
Aș spune absolut că da.
În calitate de marketer, sunt obișnuit să iau în considerare toate unghiurile eforturilor mele digitale și felul în care acestea impactează proiectele mele. Vă pot spune imediat că, chiar și la nivel personal, este mult mai bine să implementez un site web care să respecte un mediu ecologic. web design și iată câteva dintre motivele pentru care:
Din motive evidente, călătoriile mai scurte ale utilizatorilor sunt preferate de utilizatori, deoarece aceștia nu își pierd timpul. În afară de experiența clienților, totuși, aceștia vor vizita mai puține pagini pentru a găsi ceea ce au nevoie și, astfel, vor reduce emisiile de carbon din vizita lor.
(credit imagine: https://www.appcues.com/blog/user-journey-map)
Este o idee bună să vă familiarizați mai bine cu conceptul de călătorii ale utilizatorilor și apoi, odată ce vă puteți crea liber hărțile călătoriei utilizatorilor, să vă adaptați designul web la acestea.
O experiență bună de utilizare (UX) care evită punctele de frecare va avea ca rezultat inevitabil atât un consum mai mic de energie, cât și clienți mai fericiți.
Alegerea unui furnizor care oferă găzduire durabilă alimentată cu energie regenerabilă este o necesitate. De asemenea, este o idee bună să vă uitați la politica lor generală de mediu și să verificați dacă furnizorul dvs. de găzduire a luat măsuri suplimentare pentru a compensa emisiile de CO2 și/sau dacă este implicat în alte practici de durabilitate.
Dacă un site nu are cache, atunci faci ca serverul să funcționeze mai greu. De fiecare dată când cineva accesează o pagină de pe site-ul dvs., conținutul paginii trebuie să fie construit din mers prin procesarea codului PHP, făcând interogări la baza de date și transformându-l în conținutul HTML care afișează site-ul dvs.
Acest lucru folosește mai mult CPU, memoria și discul serverului, consumând energie în acest proces. Serverul ar trebui să facă acest lucru pentru fiecare vizitator și fiecare pagină, astfel încât cu cât aveți mai mulți vizitatori și pagini, cu atât mai multă energie consumați.
Cu stocarea în cache, cea mai mare parte a acestei sarcini intensive se realizează numai prima dată când un vizitator solicită o pagină. HTML-ul rezultat este apoi stocat într-o cache, astfel încât fiecare încărcare ulterioară a paginii să nu aibă nevoie să facă atât de grea.
În plus, paginile dvs. se încarcă mai repede. Acest lucru nu este doar un câștig pentru dvs. și vizitatorii dvs., ci înseamnă și că vizitatorii dvs. petrec mai puțin timp așteptând ca pagina să se încarce - consumând mai puțină energie în acest proces.
Există o mulțime de moduri de a stoca în cache site-urile web, la Kualo, preferăm LiteSpeed Cache pentru stocarea în cache a paginilor și avem, de asemenea, Redis și Memcached pentru a stoca în cache interogările bazei de date. Site-uri web super-rapide și durabilitate mai bună - ce nu e de iubit?
Acesta este adesea cazul pluginurilor orientate spre marketing sau celor duplicate de care am uitat. Evaluează ce ai și apoi ce ai nevoie și dă cizma la orice altceva.
(fontul personalizat creat pentru Duolingo de agenția Johnson Banks)
Fișierul dvs. tipic de font personalizat poate depăși cu ușurință 200 kb, incluzând o singură greutate. Dacă utilizați diverse greutăți și fonturi, acest lucru se va adăuga inevitabil, impactând astfel atât viteza, cât și consumul de energie.
Prin urmare, este recomandat să utilizați fonturi personalizate numai dacă considerați că sunt cu adevărat importante pentru marca dvs. și în scopuri practice.
https://youtu.be/eY-VyLd2t-Q
LiteSpeed Cache pentru WordPress include optimizarea automată a imaginii, așa că nu trebuie să vă faceți griji că faceți acest lucru singur. În plus, poate converti imagini pentru a utiliza formate de fișiere moderne, cum ar fi WebP, care sunt cu aproximativ 25% mai mici în comparație cu imaginile PNG sau JPG.
Dincolo de optimizare, ceea ce trebuie să luăm în considerare este dacă utilizarea lor este justificată și intenționată.
De exemplu, unele fotografii ale produselor ar putea fi inutile (de exemplu, unghiuri foarte asemănătoare). În alte cazuri, imaginile utilizate pe pagină, cum ar fi imaginile de stoc aleatorii, pot fi ușor înlocuite cu alternative precum grafica SVG sau același efect poate fi obținut prin stilurile CSS.
Dacă aceasta include o mulțime de imagini sau videoclipuri în special, care pot fi de dimensiuni mari, toate acele date trebuie să circule pe internet, chiar dacă s-ar putea să nu fie văzute niciodată.
Încărcare lenevă înseamnă că solicitați acest conținut numai pe măsură ce utilizatorul derulează în jos pagina dvs. Acele secțiuni vor apărea chiar înainte ca acel conținut să apară, așa că din perspectiva vizitatorilor, este ca și cum ar fi fost mereu acolo - nu există nicio diferență perceptibilă.
Nu numai că evitați transmiterea de date inutile, dar vă veți îmbunătăți și scorul PageSpeed făcând site-ul dvs. mai puțin ponderat.
Unele aplicații vin cu încărcare leneșă încorporată sau pot fi fixate cu un plugin. Pentru WordPress, LiteSpeed Cache include o funcție de încărcare leneșă care este capabilă să încarce leneș orice, de la imagini, videoclipuri, conținut încorporat sau chiar blocuri HTML întregi, dacă pagina ta este foarte lungă.
Animațiile nu au de obicei un scop tactic, așa că folosiți-le cât mai puțin posibil. Cu videoclipurile, se ține foarte mult la ce scop vor servi, așa că, dacă credeți că sunt utile utilizatorilor dvs., folosiți-le într-adevăr, asigurați-vă că sunt, de asemenea, cât mai optimizate posibil.
Adesea, codul HTML, CSS și Javascript va conține date suplimentare, cum ar fi spații, întreruperi de rând sau comentarii. Aceste spații sau comentarii sunt utile doar pentru ca un dezvoltator să poată citi și înțelege cu ușurință codul, dar nu influențează modul în care browserul interpretează codul dvs.
Minimizarea codului reduce toată această greutate inutilă, reducând dimensiunea fișierelor care trebuie transferate pe internet și făcând site-ul să se încarce mai rapid.
Pentru WordPress LiteSpeed Cache se ocupă de acest aspect pentru tine, dar majoritatea celorlalte aplicații vor avea și o caracteristică similară disponibilă printr-un plugin.
Este posibil să fi folosit o temă sau un generator de pagini care include o mulțime de aspecte, stiluri sau funcționalități diferite pe care nu le utilizați niciodată pe site-ul dvs.
Tot codul va rămâne în fișierele dvs. CSS și JS, crescând cantitatea de date care trebuie transferate pe internet și făcând site-ul dvs. mai lent să se încarce fără un motiv întemeiat.
Poate fi greu să aflați exact ce cod să eliminați manual, dar pentru WordPress, LiteSpeed Cache vă permite să eliminați automat CSS neutilizat. Acest lucru elimină CSS neutilizat și generează un fișier CSS unic pentru fiecare pagină. Acest lucru poate fi util dacă aveți doar câteva pagini, dar dacă site-ul dvs. are multe pagini, poate rămâne mai eficient să utilizați un singur fișier CSS.
Javascript poate fi mai complex de eliminat, deși LiteSpeed îl poate întârzia cel puțin de la încărcare până când este detectată activitatea utilizatorului. Acest lucru poate fi adecvat, cu condiția să nu fie necesar pentru conținutul de deasupra paginii.
În cele din urmă, cel mai bun sfat este să evitați utilizarea creatorilor de pagini sau a pluginurilor umflate ori de câte ori este posibil și să utilizați cod curat despre care știți că este de fapt necesar.
Ei vor petrece mult mai mult timp încercând să găsească orice caută, rezultând un consum mai mare de energie.
Pentru a evita acest lucru, asigurați-vă că designul dvs. se adaptează bine la cât mai multe dintre aceste variabile posibil pentru a oferi o experiență optimă pentru utilizatori.
Mai important, totuși, din punct de vedere al durabilității, acest lucru ajută la reducerea CO2, deoarece transferul de date în diferite părți ale lumii necesită multă energie. Și cu cât datele trebuie să călătorească mai departe, cu atât necesită mai multă energie.
De asemenea, este bine de menționat că imaginile difuzate prin CDN sunt de obicei reduse în dimensiune dacă ați sărit cumva acest pas. Multe CDN-uri vă vor oferi instrumente pentru optimizarea imaginii, inclusiv reducerea dimensiunii imaginii, a densității pixelilor, a formatului și a compresiei.
Este important să alegeți un CDN care utilizează energie regenerabilă, desigur, cum ar fi Cloudflare.
Puteți fie să le cercetați manual, fie să utilizați Google Analytics pentru a evalua ce pagini pot fi depășite sau cu performanțe slabe. Apoi puteți decide dacă le puteți adapta pentru a avea conținut util și actualizat sau puteți stabili că sunt pur și simplu destinate coșului de gunoi.
Participarea la proiecte care plantează copaci și compensează carbonul este o modalitate uimitoare nu numai de a îmbunătăți sustenabilitatea designului dvs. web, ci și a afacerii dvs. în general. Copacii sunt câștigători absoluti când vine vorba de reducerea emisiilor de CO2, deoarece le absorb și le transformă în oxigen.
Vă invităm să vizitați partenerii noștri de la Ecologi (sau chiar orice alte organizații similare) și să începeți să plantați acei copaci!
am chicotit.
„Știți că și ei consumă energie, iar dacă nu vă încărcați mașina electrică printr-o priză care folosește energie regenerabilă, încă poluați destul de mult, nu?”
El a spus că știe asta, dar totuși a simțit că el și VW-ul său de 20 de ani au fost o palmă în fața tuturor eforturilor sale de a duce o viață mai durabilă, mai ecologică.
„Ce zici de asta – vă pot spune cum să vă reduceți emisiile de carbon prin lumea digitală”, am sugerat. Mi-a aruncat o privire nedumerită. I-am spus apoi că, conform unor statistici, utilizatorul mediu de internet generează aproximativ aceeași cantitate de CO2 ca și cum ar parcurge 1000 km cu o mașină obișnuită și există diverse activități care contribuie.
S-a luptat cu această idee timp de aproape zece minute până când am scos datele de pe telefon. Sincer, nu l-am învinuit pentru că îmi amintesc că am avut aceeași reacție în ziua în care mi-am dat seama că fiecare pagină web pe care o vizitez are un cost ascuns - cel al energiei folosite pentru a o menține.
Secretul murdar al internetului, ca să zic așa.
Potrivit Website Carbon Calculator, site-ul web produce în medie aproximativ 0,5 grame de CO2 pe vizualizare de pagină, deci pentru un site cu 100 000 de vizualizări lunare, înseamnă 500 kg pe an. Rețineți că este pe site!
Ca referință, o mașină medie emite 1200 kg de CO2 la 1000 km, așa că puteți vedea cum Internetul are un efect foarte palpabil asupra schimbărilor climatice și încălzirii globale datorită amprentei sale imense de carbon.
Deci întrebarea rămâne: ce poți face ca proprietar de site web pentru a reduce impactul site-ului tău asupra mediului nostru?
Design web durabil, desigur.
La Kualo, suntem atât de împletite în mod intrinsec cu conceptul de durabilitate, încât am simțit că ar fi natural să explorăm acest subiect. În acest articol, vom învăța:
- Ce este designul web durabil?
- De ce avem nevoie de design web durabil?
- Care sunt beneficiile unui web design durabil?
- Cele mai bune practici de design web durabil
Dorim să vă oferim planurile exacte care vă vor ajuta să minimizați amprenta de carbon a site-ului dvs., așa că, fără alte prelungiri, haideți să ne aprofundăm!
Ce este designul web durabil?
„Designul web durabil este o abordare a proiectării de servicii web care pun oamenii și planeta pe primul loc. Oferă produse și servicii digitale care respectă principiile Manifestului web durabil: curat, eficient, deschis, onest, regenerativ și rezistent.”Acesta este ceea ce putem citi în Manifestul pentru design web durabil, site-ul web explicând pe scurt ce ar cuprinde acest credo. Să trecem rapid peste cele 6 puncte:
- Curat: serviciile utilizate de site-ul dvs. ar trebui să fie alimentate de surse de energie regenerabilă, ceea ce înseamnă că găzduirea dvs. web ar trebui să fie alimentată cu energie ecologică.
- Eficient: serviciile pe care le oferiți ar trebui să fie complet optimizate pentru a utiliza cea mai mică cantitate posibilă de energie (și materiale)
- Deschis: serviciile pe care le oferiți ar trebui să fie accesibile tuturor și ar trebui să permită utilizatorilor să aibă control deplin asupra datelor lor
- Sincer: site-ul dvs. nu va oferi conținut înșelător și/sau nu va încerca să îndrume utilizatorii în eroare prin design web
- Regenerative: serviciile dumneavoastră vor participa la o economie care este orientată spre sprijinirea comunităților și a mediului
- Reziliență: serviciile dvs. vor fi furnizate când și unde este cea mai mare nevoie de ele
Dacă luați în considerare toate punctele menționate mai sus, puteți vedea că ceea ce cere acest manifest nu este doar un design web durabil, ci este într-adevăr fundația pentru practicile de afaceri durabile și pentru o economie durabilă. Pentru a avea un viitor mai bun, avem nevoie de afaceri care oferă servicii și produse semnificative și utile, care au un impact negativ minim asupra mediului și oamenilor.
Cu alte cuvinte, dacă alegeți un design web durabil, ar trebui să:
- Utilizați cea mai mică cantitate posibilă de resurse
- Dezvoltați și urmați un plan de conținut bine gândit, care se asigură că fiecare pagină pe care o proiectați are un scop
- Utilizați o construcție optimizată a site-ului web
- Evitați să induceți în eroare utilizatorii în vreun fel pentru a efectua acțiuni pe care s-ar putea să nu-și dorească
De ce este important designul web durabil?
Deci, internetul are numeroase beneficii pentru societate, dar are un cost enorm pentru mediu. Utilizatorul obișnuit de web consumă conținut online timp de 5-6 ore pe zi pe computerul sau dispozitivul mobil. Pe măsură ce continuăm să folosim tehnologia mai des decât oricând, aceasta va crește doar în anii următori până când miliarde de oameni navighează pe site-uri web din întreaga lume cu 8 tipuri diferite de dispozitive!Acum, revenind la ceea ce am spus la începutul acestui articol (și infograficul nostru despre impactul Internetului asupra mediului), știm că aceasta este practic o gaură neagră energetică în continuă creștere. Pe de altă parte, știm, de asemenea, că Internetul este esențial pentru mulți oameni și nu este ca și cum ar putea să-l schimbe cu versiunea sa mai eficientă din punct de vedere energetic, așa cum ai face cu o mașină sau un laptop.
Dar știi ce putem schimba?
Designul site-ului nostru, desigur.
Dacă principalul aspect este că dimensiunea site-ului dvs. și modul în care este construit influențează direct cât de mult CO2 va genera, atunci acesta este ceea ce trebuie să ne adresăm în calitate de proprietari de site-uri.
Beneficiile designului web durabil
Acum, în general, dacă citiți asta, aveți deja un motiv întemeiat să doriți un site web durabil, iar acest motiv este legat de protecția mediului. Practic, vrei să fii un erou pentru planetă și te admir pentru asta.Dar există un beneficiu suplimentar în schimbarea modului nostru când vine vorba de design web?
Aș spune absolut că da.
În calitate de marketer, sunt obișnuit să iau în considerare toate unghiurile eforturilor mele digitale și felul în care acestea impactează proiectele mele. Vă pot spune imediat că, chiar și la nivel personal, este mult mai bine să implementez un site web care să respecte un mediu ecologic. web design și iată câteva dintre motivele pentru care:
- Veți cheltui mai puțin : de la cheltuielile cu designerul până la producția de conținut, fiecare lucru suplimentar vă va costa bani. Modelele mai complexe vă vor costa bani, mai mult copywriting și conținut vă vor costa bani și așa mai departe. A fi minimalist și a avea doar ceea ce ai nevoie de fapt este o modalitate excelentă de a reduce cheltuielile
- Clienții tăi vor fi mai mulțumiți: în timp ce pe vremuri când site-urile web erau o noutate, oamenii se bucurau de clopoței și fluiere, acum toată lumea este copleșită de ele, petrecând toată ziua navigând. Aceasta înseamnă că, pentru utilizatorul obișnuit, cu cât site-ul dvs. este mai clar, cu atât este mai probabil să găsească ceea ce își dorește în loc să apese butonul X și să meargă la cineva care nu își pierde timpul.
- Eforturile dvs. de SEO vor fi mai eficiente : viteza este un lucru de câțiva ani când vine vorba de clasarea pe Google, dar cu fiecare an care trece, vedem că acest lucru devine din ce în ce mai critic atunci când vine vorba de SEO. Google URĂȘTE site-urile web lente și va acorda prioritate site-urilor mai ușoare și mai rapide. Apropo, acest lucru este valabil și pentru experiența clienților, așa cum știm cu toții.
Cum să vă faceți site-ul web durabil
1. Începeți prin a vă planifica călătoria utilizatorului
Dacă nu sunteți familiarizat cu conceptul, călătoria utilizatorului se referă pur și simplu la secvența de acțiuni pe care un utilizator le va întreprinde atunci când vă vizitează site-ul pentru a atinge un anumit obiectiv - o înscriere, o achiziție etc.Din motive evidente, călătoriile mai scurte ale utilizatorilor sunt preferate de utilizatori, deoarece aceștia nu își pierd timpul. În afară de experiența clienților, totuși, aceștia vor vizita mai puține pagini pentru a găsi ceea ce au nevoie și, astfel, vor reduce emisiile de carbon din vizita lor.
(credit imagine: https://www.appcues.com/blog/user-journey-map)
Este o idee bună să vă familiarizați mai bine cu conceptul de călătorii ale utilizatorilor și apoi, odată ce vă puteți crea liber hărțile călătoriei utilizatorilor, să vă adaptați designul web la acestea.
O experiență bună de utilizare (UX) care evită punctele de frecare va avea ca rezultat inevitabil atât un consum mai mic de energie, cât și clienți mai fericiți.
2. Alegeți un furnizor de găzduire ecologic
Știu că acest lucru sună puțin egoist, deoarece suntem, în cele din urmă, o companie de găzduire, dar realitatea este că cine vă alimentează site-ul în fiecare zi va conta absolut dacă doriți să vă reduceți amprenta de carbon. Centrele de date consumă, din păcate, o mare parte din energia care merge pentru alimentarea internetului. Este esențial să trecem rapid la surse 100% regenerabile.Alegerea unui furnizor care oferă găzduire durabilă alimentată cu energie regenerabilă este o necesitate. De asemenea, este o idee bună să vă uitați la politica lor generală de mediu și să verificați dacă furnizorul dvs. de găzduire a luat măsuri suplimentare pentru a compensa emisiile de CO2 și/sau dacă este implicat în alte practici de durabilitate.
3. Memorează totul în cache!
Dacă utilizați o aplicație bazată pe PHP, așa cum o fac multe site-uri web (WordPress, Magento, Drupal etc.), atunci stocarea în cache este o necesitate pentru durabilitate.Dacă un site nu are cache, atunci faci ca serverul să funcționeze mai greu. De fiecare dată când cineva accesează o pagină de pe site-ul dvs., conținutul paginii trebuie să fie construit din mers prin procesarea codului PHP, făcând interogări la baza de date și transformându-l în conținutul HTML care afișează site-ul dvs.
Acest lucru folosește mai mult CPU, memoria și discul serverului, consumând energie în acest proces. Serverul ar trebui să facă acest lucru pentru fiecare vizitator și fiecare pagină, astfel încât cu cât aveți mai mulți vizitatori și pagini, cu atât mai multă energie consumați.
Cu stocarea în cache, cea mai mare parte a acestei sarcini intensive se realizează numai prima dată când un vizitator solicită o pagină. HTML-ul rezultat este apoi stocat într-o cache, astfel încât fiecare încărcare ulterioară a paginii să nu aibă nevoie să facă atât de grea.
În plus, paginile dvs. se încarcă mai repede. Acest lucru nu este doar un câștig pentru dvs. și vizitatorii dvs., ci înseamnă și că vizitatorii dvs. petrec mai puțin timp așteptând ca pagina să se încarce - consumând mai puțină energie în acest proces.
Există o mulțime de moduri de a stoca în cache site-urile web, la Kualo, preferăm LiteSpeed Cache pentru stocarea în cache a paginilor și avem, de asemenea, Redis și Memcached pentru a stoca în cache interogările bazei de date. Site-uri web super-rapide și durabilitate mai bună - ce nu e de iubit?
4. Dacă scrieți cod, asigurați-vă că este un cod curat
Majoritatea utilizatorilor vor folosi un fel de CMS, dar dacă scrieți un cod, asigurați-vă că este ușor de înțeles, ușor de schimbat și evită dublările și operațiunile inutile.5. Evitați pluginurile și suplimentele inutile
Acest lucru este relevant pentru regula de mai sus, dar pentru persoanele care folosesc într-adevăr un CMS precum WordPress, Magento, Craft, Laravel și așa mai departe. Uneori este posibil să fim prea entuziasmați de toate posibilitățile pe care ni le oferă piața de pluginuri și să ne înecăm site-ul web în pluginuri inutileAcesta este adesea cazul pluginurilor orientate spre marketing sau celor duplicate de care am uitat. Evaluează ce ai și apoi ce ai nevoie și dă cizma la orice altceva.
6. Evitați sau utilizați fonturi minim personalizate
Acest lucru poate fi o surpriză, dar fonturile personalizate pot crește absolut dimensiunea fișierului site-ului dvs.].(fontul personalizat creat pentru Duolingo de agenția Johnson Banks)
Fișierul dvs. tipic de font personalizat poate depăși cu ușurință 200 kb, incluzând o singură greutate. Dacă utilizați diverse greutăți și fonturi, acest lucru se va adăuga inevitabil, impactând astfel atât viteza, cât și consumul de energie.
Prin urmare, este recomandat să utilizați fonturi personalizate numai dacă considerați că sunt cu adevărat importante pentru marca dvs. și în scopuri practice.
7. Utilizați fișierele media cu înțelepciune (și optimizați-le)
Este de la sine înțeles că toate imaginile de pe site-ul dvs. ar trebui să fie optimizate ca dimensiune. Știm asta din cele mai bune practici legate de viteza site-ului (și, ulterior, SEO). Uneori vedem clienți întrebând de ce site-ul lor este lent, doar pentru a descoperi că pagina de pornire include 4 MB de imagini, deoarece au încărcat originale super mari! Aceleași imagini ar putea fi difuzate fără nicio reducere a calității prin optimizarea lor.https://youtu.be/eY-VyLd2t-Q
LiteSpeed Cache pentru WordPress include optimizarea automată a imaginii, așa că nu trebuie să vă faceți griji că faceți acest lucru singur. În plus, poate converti imagini pentru a utiliza formate de fișiere moderne, cum ar fi WebP, care sunt cu aproximativ 25% mai mici în comparație cu imaginile PNG sau JPG.
Dincolo de optimizare, ceea ce trebuie să luăm în considerare este dacă utilizarea lor este justificată și intenționată.
De exemplu, unele fotografii ale produselor ar putea fi inutile (de exemplu, unghiuri foarte asemănătoare). În alte cazuri, imaginile utilizate pe pagină, cum ar fi imaginile de stoc aleatorii, pot fi ușor înlocuite cu alternative precum grafica SVG sau același efect poate fi obținut prin stilurile CSS.
8. Încărcare leneșă sub conținutul pliului
Fiecare dintre paginile dvs. web poate conține o mulțime de conținut „sub fold” - adică conținut care nu este vizibil decât dacă vizitatorul derulează în jos pagina dvs.Dacă aceasta include o mulțime de imagini sau videoclipuri în special, care pot fi de dimensiuni mari, toate acele date trebuie să circule pe internet, chiar dacă s-ar putea să nu fie văzute niciodată.
Încărcare lenevă înseamnă că solicitați acest conținut numai pe măsură ce utilizatorul derulează în jos pagina dvs. Acele secțiuni vor apărea chiar înainte ca acel conținut să apară, așa că din perspectiva vizitatorilor, este ca și cum ar fi fost mereu acolo - nu există nicio diferență perceptibilă.
Nu numai că evitați transmiterea de date inutile, dar vă veți îmbunătăți și scorul PageSpeed făcând site-ul dvs. mai puțin ponderat.
Unele aplicații vin cu încărcare leneșă încorporată sau pot fi fixate cu un plugin. Pentru WordPress, LiteSpeed Cache include o funcție de încărcare leneșă care este capabilă să încarce leneș orice, de la imagini, videoclipuri, conținut încorporat sau chiar blocuri HTML întregi, dacă pagina ta este foarte lungă.
9. Limitați utilizarea videoclipurilor și animațiilor
Nu trebuie să faceți site-ul dvs. web să arate ca o pagină Word și să evitați videoclipurile și animațiile precum ciumă, dar, ca și în cazul imaginilor, folosiți-le cumpătat.Animațiile nu au de obicei un scop tactic, așa că folosiți-le cât mai puțin posibil. Cu videoclipurile, se ține foarte mult la ce scop vor servi, așa că, dacă credeți că sunt utile utilizatorilor dvs., folosiți-le într-adevăr, asigurați-vă că sunt, de asemenea, cât mai optimizate posibil.
10. Minimizează HTML, CSS și Javascript pe site-ul tău
Din nou, s-ar putea să faci deja acest lucru din motive de viteză, dar dacă nu o faci, haideți să trecem rapid peste motivul din spatele acestui lucru.Adesea, codul HTML, CSS și Javascript va conține date suplimentare, cum ar fi spații, întreruperi de rând sau comentarii. Aceste spații sau comentarii sunt utile doar pentru ca un dezvoltator să poată citi și înțelege cu ușurință codul, dar nu influențează modul în care browserul interpretează codul dvs.
Minimizarea codului reduce toată această greutate inutilă, reducând dimensiunea fișierelor care trebuie transferate pe internet și făcând site-ul să se încarce mai rapid.
Pentru WordPress LiteSpeed Cache se ocupă de acest aspect pentru tine, dar majoritatea celorlalte aplicații vor avea și o caracteristică similară disponibilă printr-un plugin.
11. Eliminați CSS și Javascript inutile
În timp ce minimizarea elimină datele inutile, nu analizează dacă vreunul dintre codurile respective este de fapt utilizat de site-ul tău.Este posibil să fi folosit o temă sau un generator de pagini care include o mulțime de aspecte, stiluri sau funcționalități diferite pe care nu le utilizați niciodată pe site-ul dvs.
Tot codul va rămâne în fișierele dvs. CSS și JS, crescând cantitatea de date care trebuie transferate pe internet și făcând site-ul dvs. mai lent să se încarce fără un motiv întemeiat.
Poate fi greu să aflați exact ce cod să eliminați manual, dar pentru WordPress, LiteSpeed Cache vă permite să eliminați automat CSS neutilizat. Acest lucru elimină CSS neutilizat și generează un fișier CSS unic pentru fiecare pagină. Acest lucru poate fi util dacă aveți doar câteva pagini, dar dacă site-ul dvs. are multe pagini, poate rămâne mai eficient să utilizați un singur fișier CSS.
Javascript poate fi mai complex de eliminat, deși LiteSpeed îl poate întârzia cel puțin de la încărcare până când este detectată activitatea utilizatorului. Acest lucru poate fi adecvat, cu condiția să nu fie necesar pentru conținutul de deasupra paginii.
În cele din urmă, cel mai bun sfat este să evitați utilizarea creatorilor de pagini sau a pluginurilor umflate ori de câte ori este posibil și să utilizați cod curat despre care știți că este de fapt necesar.
12. Asigurați-vă că site-ul dvs. funcționează corect pe diferite dispozitive
Testarea site-ului dvs. la numeroase dimensiuni de ecran, browsere, dispozitive și viteze de lățime de bandă poate consuma destul de mult timp, dar este strâns legată de designul web durabil. Are de-a face cu punctul n.1, adică afișarea incorectă a conținutului și designului va duce la un UX slab și multă confuzie în rândul utilizatorilor.Ei vor petrece mult mai mult timp încercând să găsească orice caută, rezultând un consum mai mare de energie.
Pentru a evita acest lucru, asigurați-vă că designul dvs. se adaptează bine la cât mai multe dintre aceste variabile posibil pentru a oferi o experiență optimă pentru utilizatori.
13. Utilizați un CDN pentru a vă difuza conținutul
Deci, ce este un CDN? O rețea de livrare de conținut (CDN) este o rețea de servere în diferite locații geografice. Modul în care vă vor ajuta conținutul să se încarce mai rapid este prin difuzarea dintr-o locație din apropierea utilizatorilor dvs. Cu alte cuvinte, acest lucru este legat atât de viteză, cât și de experiența utilizatorului.Mai important, totuși, din punct de vedere al durabilității, acest lucru ajută la reducerea CO2, deoarece transferul de date în diferite părți ale lumii necesită multă energie. Și cu cât datele trebuie să călătorească mai departe, cu atât necesită mai multă energie.
De asemenea, este bine de menționat că imaginile difuzate prin CDN sunt de obicei reduse în dimensiune dacă ați sărit cumva acest pas. Multe CDN-uri vă vor oferi instrumente pentru optimizarea imaginii, inclusiv reducerea dimensiunii imaginii, a densității pixelilor, a formatului și a compresiei.
Este important să alegeți un CDN care utilizează energie regenerabilă, desigur, cum ar fi Cloudflare.
14. Auditează-ți conținutul pentru a te asigura că respectă strategia
Dacă aveți un site web mare, auditarea periodică a conținutului acestuia este esențială. Unele pagini vor deveni inevitabil învechite sau nu își vor mai servi scopului. Acest lucru este valabil mai ales pentru bazele de cunoștințe, dar este valabil și pentru paginile de produse, postările de blog și așa mai departe.Puteți fie să le cercetați manual, fie să utilizați Google Analytics pentru a evalua ce pagini pot fi depășite sau cu performanțe slabe. Apoi puteți decide dacă le puteți adapta pentru a avea conținut util și actualizat sau puteți stabili că sunt pur și simplu destinate coșului de gunoi.
15. Reduceți-vă emisiile de CO2 compensând amprenta de carbon
A deveni o afacere pozitivă pentru climă a fost probabil una dintre cele mai bune decizii pe care le-am luat vreodată în ceea ce privește creșterea sustenabilității noastre. Până în acest moment, am plantat peste 50 000 de copaci și am compensat mai mult de 2000 t de CO2, cu intenția de a continua această călătorie și în anii următori.Participarea la proiecte care plantează copaci și compensează carbonul este o modalitate uimitoare nu numai de a îmbunătăți sustenabilitatea designului dvs. web, ci și a afacerii dvs. în general. Copacii sunt câștigători absoluti când vine vorba de reducerea emisiilor de CO2, deoarece le absorb și le transformă în oxigen.
Vă invităm să vizitați partenerii noștri de la Ecologi (sau chiar orice alte organizații similare) și să începeți să plantați acei copaci!