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: 359, CSS: 234, HTML: 643 |
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
vardeklará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
