Glavne mogućnosti optimizacije koda od strane programera i kompajlera. Optimizacija koda

Na ovoj stranici obično dijelim svoja iskustva, ali ponekad i meni treba savjet. I ovaj kratki članak će biti samo iz ove serije Kalaša, pošto je problem malo veći od moje nadležnosti, ali ga treba riješiti. Dakle, pitanje je donekle i za čitaoce. Ali činjenica je da mi je naš dragi Gugl rekao da ova moja stranica nije kompletna i to usporava stranicu.

Nisam programer, kako kažu, ne govorim jezike. Ali problem se mora riješiti, zbog čega sam ga ovdje iznio. Naravno, pitanje, iako složeno, nije ništa teže od razumijevanja šta je to i kako pomaže u upravljanju trgovinom.

Pokušat ću to shvatiti na stranicama mog bloga. Osim toga, neće biti moguće učiniti sve odjednom, ali morate imati akcioni plan.

Želim da počnem tako što ću objasniti gdje je pas zakopan. Vjerovatno i vi, kao i ja, koristite neku vrstu sistema za upravljanje sadržajem za svoju stranicu: WordPress, Joomla, Drupal ili nešto drugo. Ove sisteme rade profesionalci i u njima ima malo grešaka.

Ali evo šablona koje većina nas uzima iz slobodnog pristupa, griješi s greškama. , posebno slobodne, često prave amateri, a njihovi potomci nisu savršeni. I upravo mi je dobar Google ukazao na greške u šablonu. Šta su oni?

Google prikazuje odvojene greške prilikom učitavanja stranice s mobilnih uređaja i desktopa. Međutim, postoji razlika. Dakle, koje su greške ili čak greške koda u mom predlošku?

1. Treba li popraviti veliki nivo greške!

Koristite keš pretraživača!
Ako navedete datum ili datum isteka statičkih resursa u HTTP zaglavljima, pretraživač će učitati prethodno dobijene resurse sa lokalnog diska, a ne sa Interneta.
Koristite keš pretraživača za sljedeće resurse:

Http://avatars-fast.yandex.net/get-direct/nubNH6Z6vqKZZtboVlYcQg/y80 (istok nije naveden) http://directstat.ru/script (istok nije određen) https://prostolinux.ru/karta-saita/ (istok nije određen) https://prostolinux.ru/prostolinux.png (istjek nije određen) (istjek nije određen) (istjek nije određen) https://prostolinux.ru/wp-content/themes /rockwell_new/rockwell/css /jquery.lightbox-0.5.css (istok nije određen) https://prostolinux.ru/wp-content/themes/rockwell_new/rockwell/css/orange.css (istok nije određen) https://prostolinux.ru/wp -content/themes/rockwell_new/rockwell/css/superfish.css (bez datuma isteka) https://prostolinux.ru/wp-content/themes/rockwell_new/rockwell/images/bk_body.jpg (bez datuma isteka) https:/ /prostolinux.ru/wp-content/themes/rockwell_new/rockwell/images/bk_dotted_vert.gif (bez datuma isteka) https://prostolinux.ru/wp-content/themes/ rockwell_new/rockwell/images/bk_menu_orange.jpg (istek nije navedeno) https://prostolinux.ru/wp-content/themes/rockwell_new/rockwell/images/bullet_top.jpg (rok trajanja nije određen) https://prostolinux.ru/wp-content/themes/rockwell_new/rockwell/images /ico_date_orange.png (istek nije određen) https://prostolinux.ru/wp-content/themes/rockwell_new/rockwell/images/topmenu_border_orange.jpg (istok nije određen) valjanost) https://prostolinux.ru/wp-content /themes/rockwell_new/rockwell/js/copy.js (bez datuma isteka) https://prostolinux.ru/wp-content/themes/rockwell_new/rockwell/js /jquery-1.3.2.min.js (istok nije određen ) https://prostolinux.ru/wp-content/themes/rockwell_new/rockwell/js/jquery.form.js (istok nije naveden) (istok nije naveden) (nije naveden datum isteka) (istok nije naveden) https:/ /prostolinux.ru/wp-content/themes/rockwell_new/rockwell/style.css (rok trajanja nije naveden) https://prostolinux.ru/wp-includes/images/ smileies/icon_smile.gif (nije naveden datum isteka)

Ovdje još uvijek uopće ne razumijem koji je rok važenja i gdje ga treba naznačiti. Ti znaš?

2. Razmislite o popravljanju

Uklonite JavaScript i CSS koji blokiraju renderiranje sa vrha stranice.

Broj blokirajućih skripti po stranici: 1. Broj blokirajućih CSS resursa po stranici: 4. Usporavaju prikaz sadržaja.
Sav sadržaj na vrhu stranice prikazuje se tek nakon što se preuzmu sljedeći resursi. Razmislite o odlaganju učitavanja ovih resursa, asinhronom učitavanju ili umetanju njihovih najvažnijih komponenti direktno u HTML kod.
Uklonite JavaScript koji blokira prikaz:

https://prostolinux.ru/wp-content/themes/rockwell_new/rockwell/js/jquery-1.3.2.min.js

Optimizirajte CSS performanse na sljedećim resursima:

https://prostolinux.ru/wp-content/themes/rockwell_new/rockwell/style.css
https://prostolinux.ru/wp-content/themes/rockwell_new/rockwell/css/orange.css
https://prostolinux.ru/wp-content/themes/rockwell_new/rockwell/css/jquery.lightbox-0.5.css
https://prostolinux.ru/wp-content/themes/rockwell_new/rockwell/css/superfish.css

Ovdje je problem jasniji, ali još ne znam kako da ga riješim. uploaded to lokalni server kopiju stranice za sigurno uređivanje koda. Mi ćemo trenirati.

3. Minimizirajte JavaScript - Ovo je prosječna stopa grešaka. Ispravljanje greške će malo ubrzati stranicu.
Kompresija JavaScript koda vam omogućava da smanjite količinu podataka kako biste ubrzali učitavanje, obradu i izvršenje.
Umanjite JavaScript kod na sljedećim resursima da smanjite njihovu veličinu za 19,4 KB (46%
Skraćivanje https://prostolinux.ru/wp-content/themes/rockwell_new/rockwell/js/jquery-1.3.2.min.js će smanjiti veličinu za 14 KB (41%
Skraćivanje https://prostolinux.ru/wp-content/themes/rockwell_new/rockwell/js/jquery.form.js će smanjiti veličinu za 5,4 KB (64%
4. Optimizirajte slike – ovo je prosječna stopa greške. Ispravljanje greške će malo ubrzati stranicu.

Ispravan format i kompresija slika mogu smanjiti njihovu veličinu.

Optimizirajte sljedeće slike da smanjite njihovu veličinu za 5 KB (14%
Ako komprimirate sliku bez gubitaka, ona će smanjiti njenu veličinu za 2 KB (8%
Ako komprimirate sliku bez gubitaka https://prostolinux.ru/wp-content/themes/rockwell_new/rockwell/images/ico_date_orange.png, to će smanjiti njenu veličinu za 1,7 KB (31%
Ako komprimujete sliku bez gubitaka http://avatars-fast.yandex.net/get-direct/nubNH6Z6vqKZZtboVlYcQg/y80, to će smanjiti njenu veličinu za 1,3 KB (19%

5. Smanjite vrijeme odgovora servera - ovo je prosječna stopa greške. Ispravljanje greške će malo ubrzati stranicu.

Prema rezultatima testiranja, vrijeme odgovora vašeg servera je bilo 0,24 sekunde. Na ovaj pokazatelj utiču mnogi faktori. Pročitajte naše najbolje prakse i naučite kako možete pratiti i mjeriti vrijeme odgovora.

Nisam mislio da je to puno, ali izgleda da je to stvar hostinga, to morate saznati tamo.
6. Umanjite HTML - Ovo je srednja stopa grešaka. Ispravljanje greške će malo ubrzati stranicu.
Kompresija HTML koda (uključujući ugrađeni JavaScript ili CSS kod) smanjuje količinu podataka radi ubrzanja učitavanja i obrade.

Umanjite HTML kod na sljedećim resursima da smanjite njihovu veličinu za 1,7 KB (8%
Smanjenje https://prostolinux.ru/kak-usilit-signal-3g-modema/ će smanjiti veličinu za 1,7 KB (8%

Ovdje su sve greške iste, ali s tom razlikom što su SVE OZNAČENE KAO KRITIČNE!

Šta to znači? To znači da prilikom učitavanja stranice sa mobilni uređaj, sve bi trebalo da bude mnogo brže, pošto internet kanal obično već postoji.

Da, nisam rekao gdje mi je Google pokazao ove greške. I pokazao mi ih je na Google Adsense panelu. Ili možete jednostavno otići na https://developers.google.com/speed/pagespeed/insights/ i saznati šta treba popraviti, jer nije lako optimizirati kod na stranici, već samo trebate učiniti to jednom.

Ako znate kako riješiti barem neke od problema, bit ću vam jako zahvalan na savjetima. U međuvremenu ću pretraživati ​​internet u potrazi za odgovorima na ova važna pitanja...

1. Uključite kompresiju.

Prva stvar koja je omogućila da se odmah postignu neka poboljšanja bilo je dodavanje koda u .htaccess fajl, koji se nalazi u korenu sajta.

SetOutputFilter DEFLATE Zaglavlje dodaj Vary User-Agent FileETag MTime Size ExpiresActive on ExpiresDefault "pristup plus 1 mjesec" SetOutputFilter DEFLATE

Koliko sam shvatio, sve ovo vam omogućava komprimiranje podataka na strani servera. O tome sam već pisao ranije, čak i objavio kod, ali ovome se može dodati još par postavki, što je poboljšalo performanse.
2. Uklonite nepotrebne skripte.

Analiza stranice je pokazala da su neke šablonske skripte ometale učitavanje stranice. Uklonjeno nekoliko skripti sljedećeg oblika sa header.php: