Optimizarea descărcării de css și javascript pe pagină, blogul webmasterului romanului Chernyshov

Astăzi vom vorbi despre o mică optimizare a stilurilor de încărcare și a fișierelor de scripturi pe pagina de web. Poate că orice site include mai multe fișiere de stiluri și mai multe fișiere JS script, care ocupă timp atât de important precum și resursele de server care dau statica. Și dacă fișierele de stiluri și scripturi sunt mai multe duzini? (în amintirea mea erau de la un etaj de o sută). Îmi propun să ia în considerare versiunea mea de optimizare (a mea nu este în sens - mega-unic, dar în sensul în care folosesc, am inventat și l-am scris eu însumi, dar fără mine sunt destule fabricanți).

Esența deciziei mele este asta. În pagina html, nu prescriim toate stilurile și scenariile, ci doar un singur stil și un scenariu. Cu aceasta, legăturile vor duce la scripturi PHP care vor pune împreună o duzină de stiluri și scripturi și vor oferi browserele ca o singură entitate. În acest caz, scriptul PHP va oferi cache, astfel încât de fiecare dată când nu puteți re-compila fișierul dat.

Un exemplu de conectare a stilurilor și JS:

Înregistrați scriptul .allcss.php pentru a colecta împreună stilurile

Când pagina se încarcă, browserul începe să trimită cereri către server, în încercarea de a obține fișiere de stil și scripturi JS, dacă există multe pe pagină, există multe interogări. Aceasta reduce viteza de încărcare a paginii, crește încărcarea pe server.

Când fuzionăm într-una, reducem numărul de cereri de browser către server, mărim viteza de descărcare, reducem încărcarea pe server. În diferite teste pe diferite proiecte, această optimizare a dus la o creștere a vitezei de încărcare a paginii de două până la patru ori. În același timp, sarcina pe server de la lucrarea suplimentară a scriptului PHP nu a crescut, evident, din cauza cache-ului.

CEO-ul. De-a lungul vitezei, această metodă este utilă pentru CEO, deoarece cu atât mai puțin pe pagina tuturor apelurilor posibile la scripturi JS, scripturile în sine și CSS cu atât mai bine.

Articole similare


Introduceți întrebarea pentru oricare dintre subiecte:
  • Dezvoltare web
  • Promovarea directorului executiv, SMM
  • afaceri
  • investiție
  • Achiziții comune
Gratuit și fără înregistrare!
Puneți o întrebare
Toate întrebările

Optimizarea descărcării de css și javascript pe pagină, blogul webmasterului romanului Chernyshov

Optimizarea descărcării de css și javascript pe pagină, blogul webmasterului romanului Chernyshov

desen

Chernyshov RV Dezvoltarea de site-uri pentru comandă

ICQ: 1-308-715, Skype: rche.ru

Programul de lucru Mon-Fri 10:00 - 19:00 Ora Moscovei