JS, CSS, HTML tömörítés on-line

Tömörítse Java, CSS forráskódjait a gyorsabb szerver válaszidő, kiszolgálás érdekében. A tömörített verziókkal működő weboldalak jobb eredeményeket fognak mutatni pl. a Google PageSpeed tesztnél, az oldalak gyorsabban töltődnek be a látogató böngészőjébe, és nem utolsó sorban jobb SEO (keresőoptimalizálás) eredmények fognak születni.

JavaScript, CSS, HTML tömörítő



   

max: 50000 byte




Korábbi feldogozások - JavaScript: 405, CSS: 244, HTML: 698

Hogyan történik a JavaScript tömörítés?

  • Megjegyzések és whitespace-ek eltávolítása
  • Minden lokális változó átnevezése 1 karakter, vagy további minimális hosszúságúra
  • Microsoft megjegyzések megőrzése
  • Új változónevek választása a maximális HTTP tömörítés érdekében (deflate, gzip)
  • Lecseréli a false/true értékeket !1/!0 -ra
  • Lecseréli a new Array/Object -eket []/{} -ra
  • Összevonja a var deklarációkat vesszővel
  • Összevonja az egymást követő összefűzött karakterláncokat
  • Megőrzi a fontos megjegyzéseket, melyek /*!... vannak jelölve

Miért kell a Java, CSS kódokat tömöríteni, ha a szerver Gzip-el tömörít?

Sokszor felmerül ez a kérdés. Mint a fenti műveletekből is látszik, mielőtt a szerver tömörítve küldené az adatokat, a kódot minimalizálja a tömörítő.
A Gzip tömörítés nem képes a hosszú változóneveket megváltoztatni, vagy törölni a mejegyzéseket. Azokkal együtt tömörít, így az eredemény nagyobb méret, lassabb kiszolgálás a tömörítetlen kódok miatt.

Gzip tömörítés beállítása a szerveren

Helyezzük el a következőket a .htacces file-ba. Ha nincs ilyen file a weboldal gyökér könyvtárában, akkor létre kell hozni.

<IfModule mod_deflate.c\>
AddOutputFilterByType DEFLATE image/svg+xml
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE text/javascript
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE application/x-font-ttf
AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
AddOutputFilterByType DEFLATE font/opentype font/ttf font/eot font/otf
</IfModule>

Bőngésző cache beállítás

A maximális betöltődési sebesség érdekében a .htacces file-ba írjuk be az alábbiakat. Ez jelzi a böngészőknek, hogy a tartalom hosszú lejárati idejű, így azokat a cache-ből (gyorsítótár) töltse be lehetőség szerint.

<FilesMatch "\.(ico|pdf|flv|jpg|jpeg|png|gif|js|css|swf|x-html|css|xml|js|woff|ttf|svg|eot)(\.gz)?$">
<IfModule mod_expires.c>
ExpiresActive On
ExpiresDefault A0
ExpiresByType image/gif A2592000
ExpiresByType image/png A2592000
ExpiresByType image/jpg A2592000
ExpiresByType image/jpeg A2592000
ExpiresByType image/ico A2592000
ExpiresByType text/css A2592000
ExpiresByType text/javascript A2592000
ExpiresByType application/javascript A2592000
</IfModule>
<IfModule mod_headers.c>
Header set Expires "max-age=2592000, public"
Header unset ETag
Header set Connection keep-alive
</IfModule>
FileETag None
</FilesMatch>

Vélemények, hozzászólások

0/1500
scrolltop

Professzionális számlázási, raktrákészlet kezelő és webes kereskedelmi megoldások

A weboldalunkon cookie-kat használunk, hogy a legjobb felhasználói élményt nyújthassuk. Részletes leírás...
Az Uniós törvények szerint felhívjuk a figyelmét, hogy ez a weboldal "cookie"-kat, azaz "sütiket" használ. A sütik kis adatcsomagok, melyet az internetes szolgáltatások a böngészőben helyeznek el. Ezek segítségével lehetséges pl. a bejelentkezés, vagy a személyre szabott tartalom megjelenítése. A sütiket letilthatja a böngészője beállításaiban. Amennyiben ezt nem teszi meg, illetve ha az "Elfogadom" feliratú gombra kattint, azzal elfogadja a sütik használatát.