Selam arkadaşlar,
Themeforest.com üzerinden aldığım çoklu tema yapımcısının tavsiye ettiği optimizasyonu sizlerle paylaşmak istedim.
Benim gibi özel WordPress tabanlı yazılım kullanmıyorsanız, özellikle multipurpose (Onlarca çoklu demo tema) kullanıyorsanız tam sizlik.
Bu eklentinin amacı, tüm CSS ve JS dosyalarını birleştirmek ve sıkıştırmak.
1- Öncelikle github.com'dan bu eklentiyi indirin ve içerisinden sadece "min" klasörünü ana dizininize atınız.
mrclay/minify: Combines. minifies, and serves CSS or Javascript files (github.com)
2-
https://www.siteadresiniz.com/min/builder/ sayfasını tarayıcıdan açınız. Şifre ve kullanıcı adı kısmına "
admin" yazarak login olunuz.
3- Optimizeye geçmeden önce web sitenizin ana sayfasını açıp kaynak kodlarını tarayıcı üzerinden açın. İlk önce "head" kısmından başlayalım orada yer alan .css dosyalarının yolunu başında domain adı olmadan tek tek kopyalayın.
Zaten domain adını otomatik görüyor siz sonrasını direkt yazacaksınız. Her CSS linki için ek olarak
"Add file+" kısmına tıklayıp alt satırda diğer linklerinizi yazınız.
Varsayalım 6 adet CSS linkleriniz var ve hepsini yazdınız. Ondan sonra hemen altındaki "Update" butonuna basın ve size yeni sadece 1 adet CSS linki verecek.
head.php sayfasını FTP/Cpanel aracılığıyla açıp eklemiş olduğunuz tüm CSS linklerini silin ve az önce size vermiş olduğu tekli CSS linkini head.php ye kayıt ediniz.
4- .JS optimizasyonu da CSS ile aynı. CSS tamamladıktan sonra aynı şekilde sayfayı yenileyip baştan .aynı işlemi js dosyanız için yapıp script.php veya footer.php neredeyse js kod linkleriniz tamamını silip size vermiş olduğu linki yerine yazın.
Deneyen varsa öncesi ve sonrası skorlarını paylaşırlarsa çok sevinirim. Ben +20 skor daha yükselttim bu sayede.
Ayrıca htaccess ile önbellekleme yaparak sitenizin açılış hızını arttırabilir ve puanınızı yükseltebilirsiniz.
Kullandığım kodlar;
### Önbellekleme Kontrolü ###
# 1 Month for most static assets
<filesMatch ".(css|jpg|jpeg|png|gif|js|ico)$">
Header set Cache-Control "max-age=31536000, public"
</filesMatch>
### Tarayıcı Önbellekleme ###
# Enable Compression
<IfModule mod_deflate.c>
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
AddOutputFilterByType DEFLATE application/x-font
AddOutputFilterByType DEFLATE application/x-font-opentype
AddOutputFilterByType DEFLATE application/x-font-otf
AddOutputFilterByType DEFLATE application/x-font-truetype
AddOutputFilterByType DEFLATE application/x-font-ttf
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE font/opentype
AddOutputFilterByType DEFLATE font/otf
AddOutputFilterByType DEFLATE font/ttf
AddOutputFilterByType DEFLATE image/svg+xml
AddOutputFilterByType DEFLATE image/x-icon
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/javascript
AddOutputFilterByType DEFLATE text/plain
</IfModule>
# Leverage Browser Caching
<IfModule mod_expires.c>
ExpiresActive On
# Images
ExpiresByType image/jpeg "access plus 1 year"
ExpiresByType image/jpg "access plus 1 year"
ExpiresByType image/gif "access plus 1 year"
ExpiresByType image/png "access plus 1 year"
ExpiresByType image/webp "access plus 1 year"
ExpiresByType image/svg+xml "access plus 1 year"
ExpiresByType image/x-icon "access plus 1 year"
# Video
ExpiresByType video/mp4 "access plus 1 year"
ExpiresByType video/mpeg "access plus 1 year"
# CSS, JavaScript
ExpiresByType text/css "access plus 1 month"
ExpiresByType text/javascript "access plus 1 month"
ExpiresByType application/javascript "access plus 1 month"
# Others
ExpiresByType application/pdf "access plus 1 month"
ExpiresByType application/x-shockwave-flash "access plus 1 month"
ExpiresByType text/html "access plus 600 seconds"
# Fonts
ExpiresByType application/vnd.ms-fontobject "access plus 1 year"
ExpiresByType application/x-font-ttf "access plus 1 year"
ExpiresByType application/x-font-opentype "access plus 1 year"
ExpiresByType application/x-font-woff "access plus 1 year"
ExpiresByType application/x-font-woff2 "access plus 1 year"
ExpiresByType font/ttf "access plus 1 year"
ExpiresByType font/otf "access plus 1 year"
ExpiresByType font/woff "access plus 1 year"
ExpiresByType font/woff2 "access plus 1 year"
ExpiresByType application/font-woff "access plus 1 year"
</IfModule>
### gZip Sıkıştırma ###
<IfModule mod_gzip.c>
mod_gzip_on Yes
mod_gzip_dechunk Yes
mod_gzip_item_include file \.(html?|txt|css|woff2|js|php|pl)$
mod_gzip_item_include handler ^cgi-script$
mod_gzip_item_include mime ^text/.*
mod_gzip_item_include mime ^application/x-javascript.*
mod_gzip_item_exclude mime ^image/.*
mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*
</IfModule>