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

printida · Время на чтение: 9мин · kõrval · Avaldatud · Uuendatud

paljunedaKuula artiklit

Gzip pakkimine js css html.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 tehnilisega saidi optimeerimine. Lubades üsna lihtsaid manipuleerimisi, oluliselt kiirendada veebisaidi laadimist. Kiire sait on otsingumootori reklaamimisel märkimisväärne edu.

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

Kuidas lubada saidi lehtede Gzip-tihendamine.

Nagu ma olen paljudes oma artiklites öelnud! Algstaadiumis saidil on üsna suur kaal. Ja need. optimeerimine on vajalik vähendada meie saidi kaalu. 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 – luba tihendamine
AddOutputFilterByType DEFLATE tekst/tavaline
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE rakendus/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE rakendus/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
Ümberkirjutamise reegel ^(.*)$ $1.gz [QSA,L]

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:

1TP29OriginalFile = __DIR__. '/jquery-1.11.0.min.js';
$gzipFile = __DIR__. '/jquery-1.11.0.min.js.gz';

1TP29OriginalData = faili_hangi_sisu(1TP29Algne fail);

$gzipData = gzencode(1TP29Algusandmed, 9);
file_put_contents($gzipFile, $gzipData);

var_dump(faili suurus(1TP29Algne 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
ifmodule mod_deflate.c peab olema sulgudes “<>”
AddOutputFilterByType DEFLATE tekst/tavaline
AddOutputFilterByType DEFLATE tekst/tekst
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE tekst/tavaline
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE pilt/gif
AddOutputFilterByType 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 DEFLATE rakendus/rss+xml
AddOutputFilterByType DEFLATE 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
AddOutputFilterByType DEFLATE video/jpm
AddOutputFilterByType DEFLATE video/jpeg
AddOutputFilterByType DEFLATE 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
AddOutputFilterByType DEFLATE audio/mp3
AddOutputFilterByType DEFLATE audio/mp4
AddOutputFilterByType DEFLATE heli/mpeg
AddOutputFilterByType DEFLATE audio/webm
AddOutputFilterByType DEFLATE heli/põhiline
AddOutputFilterByType DEFLATE audio/x-wav
AddOutputFilterByType DEFLATE heli/wav
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4.0[678] no-gzip
BrowserMatch bMSIE !no-gzip !gzip-only-text/html
ifmodule mod_gzip.c peab olema sulgudes “<>”
mod_gzip_on Jah
mod_gzip_item_include fail \.js$
mod_gzip_item_include fail \.css$
/ifmoodul peab olema sulgudes “<>”
/ifmoodul peab olema sulgudes “<>”

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.

Lisateave PageSpeed ​​​​Insightsi kohta.

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 on pingdomi tööriist?

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.

Suurendage oma Google PageSpeedi skoori Wordpressis.

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

WP kiireim vahemälu – WordPressi pistikprogramm.

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

Comet Cache loob iga lehe vahemälu.

Ü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.

Täname, et lugesite Nicola Topi

Kui kasulik postitus on?

Hindamiseks klõpsake emotikonil!

keskmine hinne 5 / 5. Hinnangute arv: 52

Hinnanguid veel pole. Hinda kõigepealt.

Sulle võib meeldida ka...

1 vastus

  1. Илья ütleb:

    Kopeerisin ja kleepisin kohe koodi, mis põhjustas vea 500. Nüüd saan aru, mida pean tähelepanelikult lugema. Näen, et teil on ka kopeerimiskaitse. Ja tänu sisule sobib ja töötab.

Lisa kommentaar

Sinu e-postiaadressi ei avaldata. Nõutavad väljad on tähistatud *-ga

4 + üksteist =