Difference between revisions of "Gzip komprese HTML"

From Znalosti
m
m
Line 1: Line 1:
 
[[Kategorie:Vývoj webu]]
 
[[Kategorie:Vývoj webu]]
 +
=== Gzip komprese ===
 
Komprese je jednoduchý a účinný způsob jak urychlit přenos webové stránky z jejího serveru do prohlížeče. Vše je srozumitelně popsáno v článku [https://betterexplained.com/articles/how-to-optimize-your-site-with-gzip-compression/ How To Optimize Your Site With GZIP Compression].
 
Komprese je jednoduchý a účinný způsob jak urychlit přenos webové stránky z jejího serveru do prohlížeče. Vše je srozumitelně popsáno v článku [https://betterexplained.com/articles/how-to-optimize-your-site-with-gzip-compression/ How To Optimize Your Site With GZIP Compression].
 
===== Jak aplikuji: =====
 
===== Jak aplikuji: =====
Line 35: Line 36:
 
* rozklikneme řádek stránky samotné (první nahoře)
 
* rozklikneme řádek stránky samotné (první nahoře)
 
* jestliže v obsahu záhlaví vidíme "content-encoding: gzip", znamená to, že stránka byla přijata jako komprimovaná.
 
* jestliže v obsahu záhlaví vidíme "content-encoding: gzip", znamená to, že stránka byla přijata jako komprimovaná.
 +
=== Brotli komprese ===
 +
Ověření Brotli komprese:
 +
*[https://www.ipvoid.com/brotli-test/ Brotli Compression Test]
  
{{Tags}} gzip komprese
+
{{Tags}} gzip komprese brotli

Revision as of 21:10, 30 November 2020

Gzip komprese

Komprese je jednoduchý a účinný způsob jak urychlit přenos webové stránky z jejího serveru do prohlížeče. Vše je srozumitelně popsáno v článku How To Optimize Your Site With GZIP Compression.

Jak aplikuji:

Na hostingu ONEbit, kde sídlí moje weby, jsem použil (5. 10 2019) návod v článku nápovědy Aktivace komprese dat.

Do souboru .htaccess vložíme následující řádky:

<IfModule mod_deflate.c>
  AddOutputFilterByType DEFLATE application/javascript
  AddOutputFilterByType DEFLATE application/json
  AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
  AddOutputFilterByType DEFLATE application/xhtml+xml
  AddOutputFilterByType DEFLATE application/xml
  AddOutputFilterByType DEFLATE application/font-sfnt
  AddOutputFilterByType DEFLATE font/otf
  AddOutputFilterByType DEFLATE font/ttf
  AddOutputFilterByType DEFLATE image/svg+xml
  AddOutputFilterByType DEFLATE image/vnd.microsoft.icon
  AddOutputFilterByType DEFLATE text/plain
  AddOutputFilterByType DEFLATE text/css
  AddOutputFilterByType DEFLATE text/xml
  AddOutputFilterByType DEFLATE text/html
</IfModule>

Do souboru .user.ini vložíme (nápověda k ,user.ini je v Nastavení PHP pomocí souboru .user.ini):

zlib.output_compression = On
Ověření komprese

Kompresi můžeme ověřit online:

Kompresi můžeme ověřit také v prohlížeči, např. v chromu (firefox to má podobně):

  • otevřeme Další nástroje > Nástroje pro vývojáře > záložku Network
  • obnovíme stránku
  • rozklikneme řádek stránky samotné (první nahoře)
  • jestliže v obsahu záhlaví vidíme "content-encoding: gzip", znamená to, že stránka byla přijata jako komprimovaná.

Brotli komprese

Ověření Brotli komprese:


Štítky: gzip komprese brotli