Gzip-tihenduse js / css / html saidi kiirendus – kuidas lubada failis .htaccess

Kuulake seda artiklit

Tervitused, kallid lugejad! Täna räägime sellest gzip js pakkimine | css | htmlsaidi laadimise kiirendamiseks. Kuidas seda .htaccess-failiga lubada. Samuti ütlen teile, miks peate üldse serveri poolel failide tihendamise lubama.

See teema on otseselt seotud saidi tehnilise optimeerimisega. Üsna lihtsate manipulatsioonide võimaldamine kiirendab saidi laadimist märkimisväärselt. Kiire sait on otsingumootori reklaamimisel märkimisväärne edu.

Artikli sisu:

• Mis on .htaccessis Gzip-failide tihendamise lubamise eesmärk?
• Gzip-tihendamine – milliste failide puhul on see vastuvõetav? Millistes serverites see töötab?
• Kuidas lubada Gzip-tihendust .htaccess-failis
• Kontrollige veebisaidi laadimiskiirust ja Gzipi tihendamist
• GZIP-i tihendamise pistikprogrammid WordPressi jaoks

Mis on .htaccessis Gzip-failide tihendamise lubamise eesmärk?

Nagu ma olen paljudes oma artiklites öelnud! Algstaadiumis saidil on üsna suur kaal. Ja need. optimeerimine on vajalik just meie saidi kaalu vähendamiseks. Igal juhul peame vähendama koodi hulka, lehtede, piltide ja muude asjade kaalu. Üldine ülesanne on anda kasutajale saidi kerge ja kiire laadimine.
Seega anname teavet kiiresti. Üleminek lehtede ja jaotiste vahel toimub sekundi murdosa jooksul. Samal ajal näevad külastajad kiiresti kõiki laetud kujunduselemente ja muid interaktiivseid suhtluselemente.

GZIP-tihendus – võimaldab edastatud failide katkematut arhiveerimist. Seega saame allika kvaliteedi kadudeta tihendamise. Kõik andmed jõuavad algsesse olekusse pärast lahtipakkimist juba kasutaja brauseris. Rakendamine ise on tingitud mitmest tööalgoritmist. Nende hulka kuulub põhiline DEFLATE, kasutades LZ77 ja Huffmani.

Loomulikult ei ole selline kokkusurumine (kompressioon) ideaalne lahendus. Kuid Gzipi rakendamine viib meid tasakaaluni kiiruse ja tihendussuhte vahel. See meetod on muude saidi kiirendamise viiside hulgas kõige populaarsem. Veelgi enam, globaalsema meetodi juurutamine serveris võtab palju aega ja testimist. Ja see ei pruugi soovitud tulemust anda! Sellega seoses on Gzip-tihendamine kõige usaldusväärsem viis failide allalaadimise kiirendamiseks.

Gzip-tihendamine – milliste failide puhul on see vastuvõetav? Millistes serverites see töötab?

Tegelikult katab gzip-tihendus suur failide loend. Kuid sellel on väike miinus! Kui kasutaja külastab saiti, peab server käigupealt tihendama suure hulga andmeid. See toob kaasa teatud koormuse serverile. Kuid enamikul juhtudel pole see kriitiline. Kõik toetatud failivormingud pärast ülekandmist kuvatakse populaarsetes brauserites suurepäraselt.

Peamised on järgmised:

• tekst/lihttekst/html;
• tekst/xml-rakendus/xml-rakendus/xhtml+xml-rakendus/xml-dtd;
• rakendus/rdf+xml rakendus/rss+xml rakendus/atom+xml pilt/svg+xml;
• text/css text/javascripti rakendus/javascripti rakendus/x-javascript;
• font/opentype rakendus/font-otf rakendus/x-font-otf;
• font/truetype-rakendus/font-ttf-rakendus/x-font-ttf.

Gzip-failide tihendamist kasutatakse peamistes Apache ja Nginxi serverites. Kehtivate töömoodulite ja serveri võimalustega.

Näiteks: Nginx - kasutatakse staatiliseks. See tihendab ja töötleb hästi staatilisi faile. Tihendamine toimub tänu moodulitele ngx_http_gzip_module ja ngx_http_gzip_static_module. Katkematu tihendamine lennu ajal toimub põhilaiendi asendamisega .gz-ga.

Standardse konfiguratsiooni näide:

gzip sisse; gzip_min_length 1000; gzip_types text/plain application/xml;

Apache on enim nõutud server. Muidugi on selle tihendus ambitsioonikam ja kohandatavam. Gzip tihendamine selles serveris toimub mod_deflate mooduli abil. Pakendades enne kasutaja brauserisse saatmist lennult tihendamist.

Standardse konfiguratsiooni näide:

# Luba GZIP – lubage tihendamine AddOutputFilterByType DEFLATE text/plain AddOutputFilterByType DEFLATE text/html AddOutputFilterByType DEFLATE text/xml AddOutputFilterByType DEFLATE text/cssFilterByType DEFLATETBUTUT yType DEFLATE application/xhtml+xml AddOutputFilter ByType DEFLATE application/rss+xml AddOutputFilterByType DEFLATE rakendus/ javascript AddOutputFilterByType DEFLATE rakendus/x-javascript

Pakkimine aeglase algoritmiga serveri koormuse vähendamiseks:

RewriteEngine On AddEncoding gzip .gz RewriteCond %{HTTP:Accept-encoding} gzip RewriteCond %{REQUEST_FILENAME}.gz -f RewriteRule ^(.*)$ $1.gz [QSA

PHP on vähem populaarne valik. Kuid sellel on ka võimalus korraldada tihendamist zlib-mooduli abil. Seda meetodit ei soovitata, kuna see on väga aeglane.

Standardse konfiguratsiooni näide:

1TP30Algne fail = __DIR__. '/jquery-1.11.0.min.js'; $gzipFile = __DIR__. '/jquery-1.11.0.min.js.gz'; 1TP30OriginalData = faili_hangi_sisu(1TP30Algne fail); $gzipData = gzencode(1TP30Algandmed, 9); file_put_contents($gzipFile, $gzipData); var_dump(faili suurus(1TP30Algne fail)); // int(96380) var_dump(faili suurus($gzipFile)); // int(33305)

Loomulikult on Apache + Nginx + PHP serverite kasutamine võimalik ka koos. Seega tagatakse teatud koormuse jaotus serverite vahel. Kuid see on väga raske ülesanne, mida tavakasutajad ei tohiks teha.

Seadistasin oma serveri ise, kasutades kõiki Apache/Nginx/PHP peamisi eeliseid. Seega tegeleb Nginx staatilisega, Apache ülejäänu PHP-ga. Tulemus on väga positiivne. Kuid selle meetodi korraldamisele kulus palju aega.

Kuidas lubada Gzip-tihendust .htaccess-failis

Tegelikult pole seda raske teha. Pealegi olen sellest failist juba rääkinud.

Põhireeglid jäävad samaks:

1. Enne redigeerimist salvestage kindlasti algne .htaccess-fail. Vea 500 korral on midagi taastada.
2. Ridade vahel ei tohiks olla lünki.
3. Kirjutame kõik kommentaarid pärast märki #.
4. Pärast sisestamist kontrollige kindlasti koodi terviklikkust.

Eespool on juba mainitud mitmeid näiteid standardse .htaccess reeglite konfiguratsioonist. Kuid minu arvates sellest ei piisa, seega toon oma näite. See reeglistik töötab sellel saidil, nagu näete, probleeme pole.

Samal ajal toimub kokkusurumine lennult, sait laeb kiiresti ilma piduriteta. Kõik, mida pead tegema, on kleepida see kood oma .htaccess-faili. Kui teil on oma server, siis arvan, et teate kõike ise.

Põhipublikule kasutusjuhised:

1. Me läheme serverisse mis tahes populaarse ftp-kliendiga;
2. Minge saidi juure (kataloog);
3. Htaccess-fail asub saidi põhikataloogis;
4. Avame selle tekstiredaktoriga, üldiselt on Sublime Text 3 parem;
5. Järgmisena kleepige faili lõppu allpool kuvatav kood.
6. Palun kontrollige koodi, kuna saidil on koopiakaitse (koodi lõpus võib olla link saidile).

# Luba GZIP AddOutputFilterByType DEFLATE text/plain AddOutputFilterByType DEFLATE text/text AddOutputFilterByType DEFLATE text/html AddOutputFilterByType DEFLATE tekst/tavaline AddOutputFilterByType DEFLATE text/Filter AddOutputFilterByType AddOutput text/Filter FilterByType DEFLATE pilt/gif AddOutputFil terByType DEFLATE pilt/jpeg AddOutputFilterByType DEFLATE pilt/jpg AddOutputFilterByType DEFLATE pilt/ png AddOutputFilterByType DEFLATE pilt/gif AddOutputFilterByType DEFLATE pilt/flv AddOutputFilterByType DEFLATE pilt/ico AddOutputFilterByType DEFLATE pilt/swf AddOutputFilterByType/DEFLATEByTypes DEFLATYPYPUT application/xhtml+xml AddOutputFilterByType DEFLATE rakendus/xml AddOutputFilterByType DEFLATE rakendus/x-javascript AddOutputFilterByType DEFLATE rakendus / javascript AddOutputFilterByType DEFLATE rakendus/json AddOutputFilterByType DEFLATE video/3gpp AddOutputFilterByType DEFLATE video/3gpp2 AddOutputFilterByType DEFLATE video/x-flv AddOutput/Type DEFLATE videoTypejpByBy DEFLATE video/jpeg AddOutputFilterByType DE FLATE video/x-m4v AddOutputFilterByType DEFLATE video/mp4 AddOutputFilterByType DEFLATE video /ogg AddOutputFilterByType DEFLATE video/webm AddOutputFilterByType DEFLATE video/quicktime AddOutputFilterByType DEFLATE audio/x-mpegurl AddOutputFilterByType DEFLATE heli/midi AddOutputTpeppeFilter DEFLOutyFilter DEFLATE heli/mp4 AddOutputFilterByType DEFLATE heli/ mpeg AddOutputFilterByType DEFLATE heli/webm AddOutputFilterByType DEFLATE heli/põhiline AddOutputFilterByType DEFLATE heli /x-wav AddOutputFilterByType DEFLATE audio/wav BrowserMatch ^Mozilla/4 gzip-only-text/html BrowserMatch ^Mozilla/4.0[678] no-gzip BrowserMatch bMSIE !no-gziply !-text/html mod_gzip_on Jah mod_gzip_item_include fail \.js$ mod_gzip_item_include fail \.css$

Kui te ei pane nõutavaid elemente sulgudesse, saate veateate. Teie sait lihtsalt lakkab töötamast ja annab teile 500 sisemise serveri vea. Koodist tuleks eemaldada ka tekst “tuleb sulgudes “<>” olla. Pärast seda tuleb .htaccess-fail salvestada.

Uute reeglite täpseks rakendamiseks on hea ka server taaskäivitada. Pärast kõiki neid toiminguid töötab teie sait palju kiiremini. Lehekülje laadimise kiirus suureneb oluliselt.

Kontrollige veebisaidi laadimiskiirust ja Gzipi tihendamist

Pärast serveripoolse tihendamise lubamist. Saate kontrollida tehtud töö edukust! Seda saate teha mitme populaarse veebitööriistaga. Vaatame neid:

PageSpeed Insights - peamine ja populaarseim veebitööriist saidi kontrollimiseks. Pärast viimaseid muudatusi 2018. aastal Google'i poolt. Pakub ulatuslikku andmete loendit saidi üksikasjalikuks analüüsiks.

Mida saab:

1. Saidi üldine kiirusreiting;
2. Määrab sisu laadimise aja;
3. Üldine kiirusindeks ja interaktsioonini kuluv aeg;
4. Annab soovitusi optimeerimiseks;
5. Näitab üksikasjalikku teavet jõudluse kohta;
6. Näitab, kas Gzip-tihendamine on lubatud või mitte;
7. Näitab, kas räsimine on lubatud või mitte;
8. Pakub rohkelt teavet vigade parandamiseks.

PageSpeed aitab teil lahendada palju veebisaidi kiirusega seotud probleeme. Tänu sellele tööriistale on paljud minu saidi vead parandatud.

Pingdomi tööriistad on ka üks populaarsemaid veebilehtede analüüsitööriistu. Annab piisavalt üksikasjalikku teavet erinevate saidi hindamiskriteeriumide kohta. On lihtne leida, mis aeglustab allalaadimist.

Mis annab teile:

1. Saidi üldise toimivuse hindamine;
2. saidi andmebaasi päringute arv;
3. Lehekülje laadimise kiirus;
4. Sisu suurus sisutüübi järgi;
5. Serveri vastused 200/301/302/404/503 ja teised;
6. Üldpäringud domeenide kaupa;
7. olukorra graafiline kujutamine jne;

Annab palju teavet saidi kiiruse kohta. Kuid ei anna üksikasjalikke juhiseid nagu Google.

GZIP-i tihendamise pistikprogrammid WordPressi jaoks

Nii kummaline kui see ka ei tundu, kuid WordPressi CMS-i saitide omanikud ei pea palju vaeva nägema. Selle põhjuseks on saidil tihendamist võimaldavate pistikprogrammide mitmekesisus. Kõik, mida pead tegema, on installida soovitud pistikprogramm. Seejärel aktiveerige ja lubage plugina seadetes tihendamine. Siis teeb ta kogu töö sinu eest ära. Kirjeldan paari kõige populaarsemat.

PageSpeed Ninja on WordPressi parima jõudlusega pistikprogramm. Saate muuta oma veebisaidid lauaarvutites ja mobiilseadmetes kiireks, kui parandate Google PageSpeed Insightsi leitud probleemid ühe klõpsuga. Võimaldab saidil tihendamise kiiresti lubada.

WP kiireim vahemälu on ka üks populaarsemaid räsipluginaid. Sellel on tohutult palju rühmitatud sätteid, millest üks sisaldab tihendamist.

Komeet Cache Ise kasutan seda pluginat. Kuna koos teiste pistikprogrammidega annab see suurepärase tulemuse. Üks tema seadistustest sisaldab ka gzipi tihendamist.

Üldiselt võimaldavad kõik Wordpressi peamised vahemällu salvestamise pistikprogrammid lubada saidil GZIP-tihendust. Väikseima koormuse jaoks soovitan täisväärtuslikke multifunktsionaalseid pistikprogramme.

Kokkuvõtteks ütlen järgmist: lülitage tihendus kindlasti sisse. See mõjutab jõudlust väga hästi ja tõstab saidi otsingus. Loodan, et see artikkel aitab teid selles.

Seda artiklit lugedes:

• Kodulehe HTML koodi optimeerimine – puhastamine, tihendamine, vigade parandamine
• Saidiplaani XML – kuidas lisada saidiplaani Google'i ja Yandexi veebimeistrisse

Täname lugemise eest: SEO HELPER | NICOLA.TOP