Cum pot reduce timpul de încărcare a paginii și dimensiunea paginii?


Răspunsul 1:

Înapoi -

Optimizarea bazei de întindere va depinde de ce tehnologie stivă utilizați măsura în care blocajele sunt pe server, apoi începeți să optimizați

Instrumente precum New Relic vă pot ajuta pe acest front, dar există și alte rute, de exemplu, jurnalele de interogare în MySQL, adăugând timp pentru configurația Apache, jurnalele, folosind xdebug, profiler etc.

În față

1) Imagini

Un accent major pentru performanța noastră este

optimizarea imaginilor.

Utilizați formate de fișiere adecvate cu dimensiuni adecvate, combinați mai multe imagini în sprite, folosiți hărți de imagine, mici

Imagini în linie

(

date

: Schema URL

), compresie fără pierderi folosită pentru imagini, încărcare leneșă, încărcare post sub imagini de conținut pliat.

2) Javascript

evita si

minimizați utilizarea blocajului JavaScript

. mențineți javascriptul critic de dimensiuni mici în linie, care este esențial pentru deasupra faldului. încărcați toate js-urile care nu sunt necesare pentru deasupra conținutului fiold. pentru a preveni blocarea externă de blocare folosesc eticheta async

punând

foi de stil în TOP

permite paginii să se redea progresiv.

4) Minimizați solicitările HTTP

Pentru a reduce numărul de solicitări HTTP, combinați toate fișierele de scripturi mici într-un singur script și combinați toate CSS într-o singură foaie de stil.

5) Folosiți

Rețea de livrare de conținut.

6) Minimizați JavaScript și componentele CSS și Gzip

7) Componentele divizate în mai multe domenii pentru a maximiza descărcările paralele

8) Evitați imaginea src goală, reduceți dimensiunea cookie-urilor

9) Postcărcări etichete terțe, analize, retargeting, anunțuri, widget-uri sociale.

10) Utilizați numărul minim de fișiere font, utilizați CSS

Caută

calea de redare critică

pe google și citiți

articole

executați verificări de bază ale performanței web

folosind instrumente de performanță web disponibile gratuit, cum ar fi Google PageSpeed,

Testul de performanță și optimizare a site-ului web


Răspunsul 2:

80 până la 90 la sută din timpul utilizatorului final este cheltuit în partea frontală. Pentru a vă face site-ul mai rapid încercați să urmați unele măsuri, cum ar fi1. Scripturile Java din site-ul dvs. trebuie să fie încărcate ultima dată, adică trebuie să fie plasate după tag.Acest lucru se datorează faptului că blochează cererile / descărcările de fișiere rămase care sunt necesare pentru a face site-ul dvs.2.Minimizați numărul de solicitări (fișiere css / js / images) cât mai mult posibil.General 4-8 active (images / js / css / fonts) sunt descărcate în paralel de la același domeniu.3. Trimiteți cât mai puține date posibil prin comprimarea it.also eliminați stilurile css inutile și js files.use versiuni minificate ale fișierelor css și js.Plazați toate cererile de fișiere css în partea de sus ie în regiunea capului4.Utilizați sprituri, adică combinați mai multe pictograme într-o imagine mai mare, deoarece reduce numărul de solicitări .5. Împărțiți-vă activele pe mai multe domenii. Utilizați paralelizarea posibilă. Utilizați CDN-uri, dacă este posibil.

Sper ca este util :)


Răspunsul 3:

În primul rând, v-aș sugera să vă angajați cu o companie de testare software pentru a analiza complet timpul dvs. de încărcare a site-ului.

Pentru a reduce timpul de încărcare, ar trebui să minimizați dimensiunea imaginilor, să minimizați css și js .. Dacă nimic nu funcționează, încercați să combinați toate fișierele javascript într-unul singur.

Testarea performanței și a încărcării site-ului web | Indium Software SUA


Răspunsul 4:

Îmi voi concentra răspunsul pe imagini, deoarece aproape două treimi din conținutul web este format din ele.

Acesta este un factor prea mare pentru a ignora.

Există câteva motive pentru care imaginile ar putea încetini încărcarea timpului. Din fericire, acestea sunt destul de ușor de gestionat.

În primul rând, ar trebui să vă îndreptați către

Informații despre pagina

și testează-ți site-ul pentru a afla dacă imaginile tale sunt supărătoare.

***

1. Fișierele de imagine foarte mari pot dura mult timp pentru a se încărca

Pentru a remedia acest lucru, găsiți optimul

dimensiunea afișajului

&

rezoluţie.

Decideți o lățime și o înălțime bună pentru afișarea imaginii pe diferite dispozitive ale utilizatorilor finali, cum ar fi desktop, laptop, tabletă, smartphone.

Un ecran standard de 15 ”laptop are o capacitate de afișare de aproximativ 100 PPI (pixeli pe inch) sau DPI (Dots Per Inch). Nu are rost să difuzăm 300 de imagini cu rezoluție DPI.

JPEG, GIF și PNG sunt formatele standard de fișiere care pot comprima imaginile pentru a prelua un număr mai mic de octeți, reducând astfel dimensiunea fișierului care va fi descărcat. Cu toate acestea, aceste trei tipuri de fișiere ar putea fi optimizate în continuare prin reducerea cheltuielilor aeriene inutile care sunt stocate cu imaginile sub formă de meta-date.

2. Încărcare sincronă HTML, CSS, JavaScript și Imagini

Când pagina dvs. web încarcă sincron toate HTML, CSS, JavaScript și imaginile împreună, timpul de redare inițial poate fi foarte mare.

Remediați acest lucru prin amânarea încărcării imaginilor. Încărcați-le asincron după ce au fost redate CSS și HTML-ul necesar. Imaginile pot fi plasate sub fald și încărcate condiționate folosind JavaScript atunci când vizitatorul derulează în jos în porțiunea relevantă a paginii.

3.

Prea multe imagini și cereri HTTP

Prea multe imagini din pagina web nu numai că măresc dimensiunea încărcării, ci și pot sufoca conexiunea la server, trimițând mai mult decât cererile HTTP permise.

Există câteva soluții în acest sens, inclusiv reducerea numărului de imagini, utilizarea unui CDN și modernizarea serverului.

***

Dacă nu puteți reduce numărul de imagini sau dacă ați încercat totul fără a satisface rezultate, mergeți la această postare

pentru alte câteva tehnici care ar trebui să te ducă!


Răspunsul 5:

Care sunt vinovații obișnuiți ai paginilor lente?

Imaginile voluminoase și codul slab sunt considerate în mod tradițional principalii factori, care cauzează problema.

  • Imaginile mari sunt adesea principalul motiv pentru încărcarea lentă a paginilor web. De aceea, nu optimizând imaginile site-ului, riscați ca paginile care ocupă mai mulți megabyți de spațiu.
  • În plus, tema și fișierele mari dincolo de ea pot încetini lucrurile.
  • Gazduirea poate fi motivul pierderii vitezei de încărcare.
  • Plugin-uri, aplicații, widget-uri, de fapt, orice script-uri terțe pot încetini site-ul.
  • Redirecțiile merită menționate, precum și JavaScript, fiind puncte importante de analizat.

Toți acești factori pot influența viteza site-ului împreună sau independent, de aceea este esențial să cunoști instrumentele, să le folosești pentru analiză și valorile de care să fii atent. Nu mai puțin importante sunt modalitățile și mijloacele de îmbunătățire a performanței site-ului.

Sursa: LoadStorm

Să ne ocupăm acum de modalitățile aplicate de a îmbunătăți performanța site-ului dvs. atât pe computer cât și pe mobil.

1. Aplicați minificarea

Puteți îmbunătăți considerabil scorul Google, minimizând spațiul pe care îl ocupă codarea HTML. Procesul de minificare ajută aici foarte mult prin remedierea și eliminarea datelor inutile sau duplicate. Deși poate implica modificarea codului, formatarea, scurtarea sau eliminarea atunci când este necesar, nu trebuie să fie un geniu al dezvoltării pentru a realiza acest lucru. Există opțiuni și instrumente extraordinare pentru pluginul WP în acest scop,

Comprimați

fiind unul pe ele.

2. Optimizarea timpului de încărcare a imaginii site-ului web

Utilizatorilor nu le place acest cerc care se învârte în timp ce o imagine se încarcă, astfel încât vizitatorii frustrați pot dispărea. Pentru a evita acest lucru, alegeți formatul potrivit sau comprimați imaginile site-ului. Există o mulțime de instrumente, plugin WP Smush Image sau aplicația web Squoosh, doar pentru a numi unele.

Pe de altă parte, este esențial să vă asigurați că imaginile nu sunt prea mici, inexacte sau pixelate, acestea pot deteriora profesionalismul sau credibilitatea dvs. atunci. Așa că testați diferite dimensiuni de imagine pe toate ecranele pentru a verifica dacă totul este afișat corect.

3. Implementați AMP

Pagini mobile accelerate sunt opțiunea de a oferi site-ului dvs. web o viteză fulger pe mobil. Ele sunt alternative la paginile de site obișnuite, cu cele mai esențiale informații dezbrăcate. Fiind o versiune simplificată a site-ului inițial, AMP nu are prea multe formatări. Mai mult decât atât, mai multe articole pot fi accesate fără a lăsa o singură pagină sau a face clic pe butonul din spate.

«AMP pentru WP»

este cel mai simplu instrument pentru crearea de AMP-friendly

content.it

permite glisarea și plasarea elementelor de pagină pe.

4. Obțineți site-ul în cache

Cu un efort rezonabil de mic, puteți obține un impact bun asupra vitezei paginii prin memorarea în cache a browserului.

De fiecare dată când un utilizator vă vizitează site-ul, trebuie să fie încărcate fiecare element de imagine și pagină, apoi HTML și codare urmează. Aceste proceduri se repetă de fiecare dată când site-ul este examinat, dar memoria cache a browserului poate scuti resursa de la reîncărcare la fiecare vizită a utilizatorului. Elementele deja încărcate mai devreme, de exemplu, logo-uri, subsoluri etc. sunt doar amintite. De regulă, o creștere mare a vitezei de încărcare a site-ului este observată la implementarea încasării. Pentru site-urile de pe WordPress, puteți încerca pluginul W3 Total Cache și vă puteți bucura de rezultat.

5. Rezolva erorile 404

Erorile 404 nu numai că frustrează utilizatorii site-ului, dar ocupă spațiul, care ar putea fi folosit pentru conținut și încetinesc site-ul.

Eliminarea unor astfel de pagini sau crearea unei redirecții către alte secțiuni de site vă vor ajuta să economisiți viteză și trafic prețios.


Răspunsul 6:

A trebuit să lucrez pe mai multe site-uri unde performanța a fost o problemă, iar altele unde dimensiunea răspunsului a fost foarte mare. În loc să repetăm ​​doar câteva dintre sugestiile mai evidente din răspunsurile de mai jos sau din cele găsite

aici

Acestea sunt câteva dintre modalitățile mai puțin obișnuite pe care le-am găsit:

Dimensiunea paginii scăzută (acestea vor scădea și timpul de încărcare a paginii)

  • Utilizați reguli de marcare HTML valabile pentru a decupa marcarea inutilă. Acestea includ decuparea etichetelor opționale și care nu includ citate de atribute inutile (pentru documentația W3C, faceți clic aici). Acest lucru este util în special dacă aveți tabele mari sau meniuri derulante.
  • Dacă utilizați un motor de șablon cum ar fi Smarty, asigurați-vă că spațiile albe sunt eliminate din buclele de predicare (da, spațiile albe „lizibile” sunt incluse în ieșirea de răspuns)
  • Verificați toate etichetele de titlu pentru a vă asigura că sunt cât mai concis.
  • Dacă eticheta dvs. nu are nevoie de un ID, nu o includeți - setați stiluri folosind combinatoare, unde este posibil (de exemplu, div> p în loc să dați unui copil un id).
  • Dacă este disperat, scurtați numele de clasă / id pentru rândurile sau celulele tabelelor de tabele foarte mari.

Scăderea timpului de încărcare a paginii

  • Asigurați-vă că toate întrebările de backend sunt cât se poate de optimizate. Aceasta include adăugarea de indexuri la interogări și regăsirea numai a cantității minime de date necesare (de exemplu, nu SELECTA * decât dacă este necesar). Acest lucru va reduce Time To First Byte.
  • Folosiți tehnici leneșe de încărcare pentru a evita încărcarea fișierelor .js și .css până când este absolut necesar.
  • Înlocuiți imaginile cu GlyphIcons sau FontAwesome, acolo unde este posibil.
  • Asigurați-vă că sunt memorate în cache chiar și tipuri de fișiere cache (prin .htaccess sau CDN) neobișnuit (cum ar fi .woff și .eot).
  • Utilizați un instrument precum CSSBurner pentru a găsi marcaje redundante și inutile în CSS pentru a reduce timpul de încărcare .css.
  • Utilizați Javascript pur în locul jQuery / AngularJS etc, acolo unde este posibil - Javascript este mult mai rapid. Rețineți că, în general, efectele vor fi într-adevăr semnificative doar pentru un număr mare de iterații.

Răspunsul 7:

Unul dintre factorii importanți prin care se poate reduce timpul de încărcare a paginii web este optimizarea acesteia. O pagină web optimizată nu se va dovedi doar ca un site web sensibil, dar va reduce și timpul de încărcare a serverelor de găzduire web. Optimizarea paginii web este concentrată nu doar pentru cei care vizionează pagina pe o bandă îngustă, ci și foarte important pentru cei care necesită afișarea site-ului pentru o rețea de conectare mai rapidă.

Trebuie să alegeți o gazdă web bună pentru performanța maximă a site-ului lor web. Există sute de furnizori de găzduire de site-uri web, deci trebuie să alegeți gazda web cu maximă prudență și studiu.

PERFORMANȚĂ MAXIMĂ CU SERVERUL VPS HOSTINGRAJA

Există câteva moduri importante prin care puteți reduce timpul de încărcare a site-ului.

Redimensionarea și optimizarea imaginilor

Optimizarea imaginilor este una dintre cele mai simple modalități prin care puteți reduce dimensiunea paginii web, precum și timpul de încărcare. Imaginile site-ului web consumă multă lățime de bandă, ceea ce va avea un impact asupra timpului de încărcare a site-ului. Aici redimensionarea site-ului și a imaginilor în HTML nu este singura soluție, deoarece nu va fi modificarea dimensiunii imaginii. Există câteva instrumente externe prin care puteți redimensiona imaginea. De asemenea, veți putea utiliza optimizarea imaginii care va reduce dimensiunea fără a pierde calitatea imaginii.

Utilizarea CDN pentru optimizarea site-ului web

Când există un CDN care este utilizat pentru site-ul web, ar însemna că site-ul dvs. web este răspândit pe diferite număr de servere localizate în diferite părți ale lumii. Când se face o solicitare pentru a vedea site-ul web, acestea vor primi datele de la servere care se află la cea mai apropiată locație. Există multe servere mari care execută CDN, asigurându-vă că site-ul web are performanțe mult mai bune și mai rapide.

Prin evitarea videoclipurilor din pagina Web

Există câteva fișiere video care pot avea uneori dimensiuni foarte mari. Aici încărcarea videoclipurilor pe pagina web este o sarcină agitată. Este mai bine să nu utilizați un videoclip self-hosting pentru site-ul web, în ​​schimb puteți utiliza site-uri video terțe precum YouTube pe site-ul dvs.

Prin comutarea pluginurilor atunci când nu sunt utilizate

Dacă utilizați multe pluginuri pentru un site web, există șanse să faceți site-ul foarte lent. Cel mai bun mod este prin ștergerea sau dezactivarea pluginurilor care nu sunt utilizate.