Ohjelmoijan ja kääntäjän perusmahdollisuudet koodin optimointiin. Ohjelmakoodin optimointi

Tällä sivustolla jaan yleensä kokemuksiani, mutta joskus tarvitsen itsekin neuvoja. Ja tämä lyhyt artikkeli tulee juuri tästä sarjasta, koska ongelma on hieman minun osaamiseni ulkopuolella, mutta se on ratkaistava. Siksi kysymys on jossain määrin lukijoille. Mutta tosiasia on, että rakas Googlemme kertoi minulle, että tämä sivustoni ei ole valmis ja tämä hidastaa sivuston toimintaa.

En ole ohjelmoija, kuten sanotaan, en puhu mitään kieliä. Mutta ongelma on ratkaistava, ja siksi otin sen esiin täällä. Vaikka kysymys onkin monimutkainen, se ei tietenkään ole vaikeampaa kuin ymmärtää, mitä se on ja kuinka se auttaa hallitsemaan kauppaa.

Yritän selvittää tämän blogini sivuilla. Sitä paitsi et voi tehdä kaikkea kerralla, mutta sinulla on oltava toimintasuunnitelma.

Haluan aloittaa selittämällä, minne koira on haudattu. Todennäköisesti sinä, kuten minä, käytät jotain sisällönhallintajärjestelmää verkkosivustollesi: WordPress, Joomla, Drupal tai jotain muuta. Nämä järjestelmät ovat ammattilaisten valmistamia, ja niissä on vähän virheitä.

Mutta mallit, jotka useimmat meistä ottavat julkisista, ovat alttiita virheille. , varsinkin ilmaiset, ovat usein amatöörien tekemiä, eivätkä heidän luomuksensa ole täydellisiä. Ja se oli sellainen Google, joka osoitti minulle mallin virheet. Mitä he ovat?

Google näyttää erikseen virheet ladattaessa sivustoa mobiililaitteista ja pöytäkoneista. Ero on kuitenkin olemassa. Joten mitä virheitä tai jopa koodivirheitä mallissani on?

1. Pitäisikö korjata - tämä on korkea virhetaso!

Käytä selaimesi välimuistia!
Määrittämällä päivämäärän tai vanhenemispäivän staattisille resursseille HTTP-otsikoissa selain lataa aiemmin noudetut resurssit paikalliselta levyltä Internetin sijaan.
Käytä selaimen välimuistia seuraaviin resursseihin:

Http://avatars-fast.yandex.net/get-direct/nubNH6Z6vqKZZtboVlYcQg/y80 (voimassaoloaikaa ei määritetty) http://directstat.ru/script (voimassaoloaikaa ei määritetty) https://prostolinux.ru/karta- saita/ (voimassaoloaikaa ei ole määritelty) https://prostolinux.ru/prostolinux.png (voimassaoloaikaa ei ole määritelty) (voimassaoloaikaa ei ole määritelty) (voimassaoloaikaa ei määritelty) https://prostolinux.ru/wp-content/themes /rockwell_new/rockwell/css/jquery.lightbox-0.5.css (voimassaoloaikaa ei määritetty) https://prostolinux.ru/wp-content/themes/rockwell_new/rockwell/css/orange.css (voimassaoloaikaa ei määritetty) https ://prostolinux.ru/wp-content/themes/rockwell_new/rockwell/css/superfish.css (voimassaoloaikaa ei ole määritelty) https://prostolinux.ru/wp-content/themes/rockwell_new/rockwell/images/bk_body. jpg (voimassaoloaikaa ei määritelty) https://prostolinux.ru/wp-content/themes/rockwell_new/rockwell/images/bk_dotted_vert.gif (voimassaoloaikaa ei ole määritelty) https://prostolinux.ru/wp-content/themes/ rockwell_new/rockwell/images/bk_menu_orange.jpg (voimassaoloaikaa ei ole määritelty) https://prostolinux.ru/wp-content/themes/rockwell_new/rockwell/images/bullet_top.jpg (voimassaoloaikaa ei määritelty) https://prostolinux. ru/wp-content/themes/rockwell_new/rockwell/images/ico_date_orange.png (voimassaoloaikaa ei ole määritelty) https://prostolinux.ru/wp-content/themes/rockwell_new/rockwell/images/topmenu_border_orange.jpg (voimassaoloaikaa ei ole määritetty) määritetyt toimet) https://prostolinux.ru/wp-content/themes/rockwell_new/rockwell/js/copy.js (voimassaoloaikaa ei määritelty) https://prostolinux.ru/wp-content/themes/rockwell_new/rockwell/ js /jquery-1.3.2.min.js (voimassaoloaikaa ei määritetty) https://prostolinux.ru/wp-content/themes/rockwell_new/rockwell/js/jquery.form.js (voimassaoloaikaa ei määritetty) (ei määritetty) määritetty voimassaoloaika) (voimassaoloaikaa ei määritetty) https://prostolinux.ru/wp-content/themes/rockwell_new/rockwell/style.css (voimassaoloaikaa ei ole määritelty) https://prostolinux.ru/wp-includes/images / smileies/icon_smile.gif (voimassaoloaikaa ei ole määritetty)

Minulle ei ole vielä selvää, mikä voimassaoloaika on ja mihin se on ilmoitettava. Tiedätkö?

2. Harkitse korjaamista

Poista hahmonnusta estävät JavaScript ja CSS sivun yläreunasta.

Estokomentosarjojen määrä sivua kohden: 1. Estävien CSS-resurssien määrä sivua kohden: 4. Ne hidastavat sisällön näyttämistä.
Kaikki sivun yläreunassa oleva sisältö näytetään vasta, kun seuraavat resurssit on ladattu. Harkitse näiden resurssien lataamisen viivyttämistä, asynkronista lataamista tai niiden tärkeimpien komponenttien upottamista suoraan HTML-koodiin.
Poista näytön estävä JavaScript-koodi:

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

Optimoi CSS seuraavien resurssien avulla:

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

Tässä ongelma on selkeämpi, mutta en vielä tiedä kuinka ratkaista se. Lähetetty kohteeseen paikallinen palvelin kopio sivustosta koodin turvalliseen muokkaamiseen. Treenataan.

3. Pienennä JavaScript - Tämä on keskimääräinen virheprosentti. Virheen korjaaminen nopeuttaa sivustoa hieman.
JavaScript-koodin pakkaamisen avulla voit vähentää tiedon määrää nopeuttaaksesi latausta, käsittelyä ja suoritusta.
Pienennä JavaScript-koodi seuraavissa resursseissa pienentääksesi niiden kokoa 19,4 kt (46 %
https://prostolinux.ru/wp-content/themes/rockwell_new/rockwell/js/jquery-1.3.2.min.js pienentäminen pienentää kokoa 14 kt (41 %
https://prostolinux.ru/wp-content/themes/rockwell_new/rockwell/js/jquery.form.js pienentäminen pienentää kokoa 5,4 kt (64 %
4. Optimoi kuvat - tämä on keskimääräinen virheprosentti. Virheen korjaaminen nopeuttaa sivustoa hieman.

Kuvien oikea muoto ja pakkaus voivat pienentää niiden kokoa.

Optimoi seuraavat kuvat pienentääksesi niiden kokoa 5 kt (14 %
Jos pakkaat kuvan häviöttömästi, se pienentää sen kokoa 2 kt (8 %
Jos pakkaat kuvan häviöttömästi https://prostolinux.ru/wp-content/themes/rockwell_new/rockwell/images/ico_date_orange.png, se pienentää sen kokoa 1,7 kt (31 %
Jos pakkaat kuvan http://avatars-fast.yandex.net/get-direct/nubNH6Z6vqKZZtboVlYcQg/y80 häviöttömästi, se pienentää sen kokoa 1,3 kt (19 %

5. Lyhennä palvelimen vasteaikaa – tämä on keskimääräinen virheprosentti. Virheen korjaaminen nopeuttaa sivustoa hieman.

Testaustulosten perusteella palvelimesi vasteaika oli 0,24 sekuntia. Tähän indikaattoriin vaikuttavat monet tekijät. Lue parhaat käytännöt oppiaksesi kuinka voit seurata ja mitata vasteaikoja.

En uskonut, että se oli paljon, mutta näyttää siltä, ​​​​että se on isännöintiongelma, sinun on selvitettävä sieltä.
6. Lyhennä HTML-koodia – tämä on keskitasoinen virheprosentti. Virheen korjaaminen nopeuttaa sivustoa hieman.
HTML-koodin pakkaaminen (mukaan lukien sisäinen JavaScript- tai CSS-koodi) vähentää tiedon määrää nopeuttaakseen lataus- ja käsittelyaikoja.

Pienennä seuraavien resurssien HTML-koodi pienentääksesi niiden kokoa 1,7 kt (8 %
https://prostolinux.ru/kak-usilit-signal-3g-modema/ pienentäminen pienentää kokoa 1,7 kt (8 %

Tässä kaikki virheet ovat samat, mutta sillä erolla, että KAIKKI NE ON MERKITTY KRIITTISEKSI!

Mitä tämä tarkoittaa? Tämä tarkoittaa, että kun sivustoa ladataan mobiililaite, kaiken pitäisi olla paljon nopeampaa, koska Internet-kanava on yleensä siellä kapeampi.

Kyllä, en sanonut, missä Google näytti minulle nämä virheet. Ja hän näytti ne minulle Google Adsense -paneelissa. Tai voit mennä osoitteeseen https://developers.google.com/speed/pagespeed/insights/ ja selvittää, mitä pitää korjata, sillä sivuston koodin optimointi, vaikka se ei olekaan helppoa, täytyy tehdä vain kerran.

Jos tiedät kuinka ratkaista ainakin joitain ongelmia, olen erittäin kiitollinen vinkeistäsi.

Ratkaisut.

1. Ota pakkaus käyttöön.

Ensimmäinen asia, joka mahdollisti välittömän parannukset, oli koodin lisääminen .htaccess-tiedostoon, joka sijaitsee sivuston juuressa.

SetOutputFilter DEFLATE Ylätunnisteen liittäminen Vaihtele User-Agent FileETag MTime Koko VanheneeAktiivinen vanhenee Oletus "pääsy plus 1 kuukausi" SetOutputFilter DEFLATE
Ymmärtääkseni kaiken tämän avulla voit pakata tietoja palvelinpuolella. Olen jo kirjoittanut tästä aiemmin, jopa julkaissut koodin, mutta voit lisätä tähän pari muuta asetusta, jotka paransivat suorituskykyä.

2. Poista tarpeettomat skriptit.