Veebisaidi laadimise kiirendamine + Google PageSpeedi optimeerimine (webp, js, css, pildid, pildid)

Saidi laadimiskiirus on võtmetegur, mis mõjutab oluliselt teie veebiettevõtte edu. Lehe kiire laadimine võimaldab kasutajatel kiiresti leida vajalikku teavet, suurendab konversiooni ja muudab saidiga töötamise mugavamaks. Suur laadimiskiirus ei mõjuta mitte ainult kasutajakogemust, vaid suurendab ka saidi asetust otsingumootorites, suurendab selle nähtavust.

Saidi laadimise kiirendamine + optimeerimine Google'i jaoks PageSpeed Insights on lahendus 1c-Bitrixile, mis kiirendab saidi kuvamist igat tüüpi seadmetes ning avaldab positiivset mõju Google PageSpeed Insightsi tulemustele, kiirusele ja saidi laadimisparameetritele.

Ülevaade lahenduse võimalustest videovormingus: youtube.com

1. Veebisaidi CSS-stiilide optimeerimine

Lahendus optimeerib stiililehtede tööd ja vähendab lehe kuvamisaega. Stiilid ühendatakse üheks failiks ja optimeeritakse – selle tulemusena väheneb stiilide kaal ja ühenduste arv. Lahendus ei optimeeri mitte ainult standardseid saidi stiile, vaid ka väliseid – näiteks Google Fontsi. Salvestab, optimeerib ja ühendab need kohapeal.

Stiili optimeerimine lahendab lehekiiruses probleemi „Eliminate renderdust blokeerivad ressursid”.




2. Pildi optimeerimine, veebipõhiseks muutmine

Lahendus teisendab pildid kaasaegsesse WebP-vormingusse, mis võib oluliselt vähendada piltide kaalu ja kiirendada brauseri tööd piltidega.

Pildi optimeerimine kõrvaldab või vähendab lehekiiruses probleemid „Kasutage kaasaegseid pildivorminguid” ja „Seadistage tõhus pildikodeering”.



3. JavaScripti ja loendurite optimeerimine

Lahenduse uusimatel versioonidel on JavaScriptiga töötamiseks lisatud funktsionaalsus – nüüd saate valitud skripte edasi lükata kuni lehe laadimiseni või kuni kasutaja saidiga suhtleb

Lahendus parandab teenuses PageSpeed probleemi „Passiivseid sündmuste kuulajaid ei kasutata kerimise toimivuse parandamiseks”.



4. YouTube'i ja Rutube'i videote optimeerimine

Videotega lehtede laadimine on aeglane, kuna... videopleier laadib suure hulga andmeid: skripte, teeke, liidest ja paneb pleieri kokku lehe esmasel avamisel.

Lahendus teisendab video algse iframe'i. Lahendusskriptid laadivad alla kõik vajalikud andmed, kui neid vaja läheb – kui klõpsate esitusnupul. See mehhanism ei ole lõppkasutajale märgatav.

Lahenduse tehtud teisendused parandavad ka leheküljekiiruse vea "Fassaadiobjektidega laisaks laadimiseks on saadaval mitu ressurssi"




5. Alatesfontide virnastatud laadimisest (font-display)

Lahendusel on mehhanism fondikuvari automaatseks installimiseks: vaheta fontide vastu.

Fondikuva kasutamine parandab lehekiiruses probleemi "Kogu veebifondide laadimisel kuvatava teksti konfigureerimine"



6. Eelühendamine ja eellaadimine

Lahendust kasutades saate seadistuste kaudu seadistada eelühendamise ja eellaadimise ilma saidi koodi muutmata

Eellaadimise kasutamine parandab teenuses PageSpeed probleemi „Võtmepäringute eellaadimise konfigureerimine”.

7. Tavalise OpenSansi eemaldamine

Praeguste versioonide Bitrix ühendab automaatselt OpenSansi fondi – kui te seda ei vaja, saate lahenduse abil selle ühenduse eemaldada ja säästa paar kilobaiti allalaadimist

[TABEL] ▷ Faili turvalisus – lähtefaile ei muudeta ▷ Paindlik konfiguratsioon – saate lubada ainult need optimeerimised, mida vajate ▷ Kiirendab saiti tegelike kasutajate jaoks, mitte ainult PageSpeed Insighti jaoks[TABEL] ✔ Toetab mitme saidi mehhanismi, liit- ja automaatset liitrežiimi ✔ Töötab võrdselt hästi UTF-8 ja Windows-1251 kodeeringuga ✔ Kasutab stabiilseid sündmusi ja töötab enamiku 1c-Bitrixi versioonidega ✔ Töötab õigesti enamiku valmislahendustega (Aspro, Digital Web, Intec jne) ja ainulaadse disainiga saitidel [/TD ] ✔ PHP versioonide tugi: 5.6, 7.x, 8.x Täiendavad soovitused:

Saidi kuvamise edasiseks kiirendamiseks ja Google Pagespeedi asetuse tõstmiseks leiate abi järgmisest:

- Lahendus "Piltide, videote ja taustapiltide laisk laadimine", ülesande "Piltide viivitusega laadimine" lahendamine - vaata lahenduskaarti

- Lahendus "HTML + CSS-i optimeerimine ja tihendamine", mis vähendab renderdatud html-lehtede kaalu - vaadake lahenduskaarti