Google Page Speed puanınızı arttırmak için sitenizde yapmanız gereken birkaç uygulamayı göstereceğim size. Google Page Speed sitenizi analiz ederek mobil uyumluluğunu, mobil ve masaüstü cihazlarda açılış hızını göstermektedir. Açılış hızından kasıt şu kadar saniyede açıldı şeklinde değilde 100 üzerinden puanlama şeklinde yapıyor bunu. Sonuç olarak size sitenizde yapmanız gereken optimizasyon ayarlarını ve ipuçlarını gösteriyor. Böylece sitenizde yapacağınız ayarlamalar ile sayfa açılma hızını artırarak hemen çıkma oranını azaltıp Google aramalarda daha fazla ziyaretçi çekebilirsiniz. Sayfada yapılan ilk test mobil uygunluk testi. Sitenizde kullanacağınız tasarım responsive olmalı ve tüm cihazlar üzerinde kolaylıkla görüntülenmeli. bu artık bir web siteler için çok önemli. Akıllı telefonların kullanımının ne kadar arttığını düşünürsek mobil uyumlu siteler her zaman bir adım önde artık. Bu testlerde en büyük sorunlar css ve js dosyalarının sayfanın üst tarafında olması. Bu kodları mümkün olduğunca kodları arasına değilde kodunun hemen üstüne koymayı deneyin. Html'yi küçültün sorununu kodlardaki gereksiz boşlukları kaldırarak aşmaya çalışın. JavaScript’i küçülltün hatası için https://jscompress.com/ adresine gidin. Js dosyalarınızın içeriğini buradaki kutuya yapıştırıp Compress butonuna tıklayarak kodları küçültün ve tekrar oluşan kodları kopyalayıp kaydedin. Css'i küçültün hatası için http://csscompressor.com/ adresine gidin. Css dosyanızı açıp kodları kutuya yapıştırıp gene Compress butonuna tıklayıp kodları küçültün ve tekrar kodları kopyalayıp css dosyalarınızı da kaydedin. Sıra geldi resimleri optimize etmeye. Resimlerinizi optimize etmek için PhotoShop gibi programlar kullanabilirsiniz. Ancak bu tarz resim optimize programları genelde ücretli ve kullanımını bilmek gerekiyor. Ben size ücretsiz, kotasız, telif yazısız ve online yolunu göstereceğim. Bunun için http://compress.photos/ sitesinden faydalanacağız. Ben tek seferde 500 küsür resmi yaklaşık 25 MB boyuttan 11 MB boyutuna kadar küçültüp optimize ettim bu siteden. Ücretli, gereksiz site ve programlardan uzak durup bu faydalı siteden faydalanın bu iş için. Tek seferde 50 MB sınırı var upload için sadece. Sıkıştırmayı etkinleştirin hatası için aşağıdaki kodları .htaccess dosyasının içine kopyalayıp kaydedin. ExpiresActive on # Perhaps better to whitelist expires rules? Perhaps. ExpiresDefault "access plus 1 month" # cache.appcache needs re-requests in FF 3.6 (thx Remy ~Introducing HTML5) ExpiresByType text/cache-manifest "access plus 0 seconds" # Your document html ExpiresByType text/html "access plus 0 seconds" # Data ExpiresByType text/xml "access plus 0 seconds" ExpiresByType application/xml "access plus 0 seconds" ExpiresByType application/json "access plus 0 seconds" # RSS feed ExpiresByType application/rss+xml "access plus 1 hour" # Favicon (cannot be renamed) ExpiresByType image/x-icon "access plus 1 week" # Media: images, video, audio ExpiresByType image/gif "access plus 1 month" ExpiresByType image/png "access plus 1 month" ExpiresByType image/jpg "access plus 1 month" ExpiresByType image/jpeg "access plus 1 month" ExpiresByType video/ogg "access plus 1 month" ExpiresByType audio/ogg "access plus 1 month" ExpiresByType video/mp4 "access plus 1 month" ExpiresByType video/webm "access plus 1 month" # HTC files (css3pie) ExpiresByType text/x-component "access plus 1 month" # Webfonts ExpiresByType font/truetype "access plus 1 month" ExpiresByType font/opentype "access plus 1 month" ExpiresByType application/x-font-woff "access plus 1 month" ExpiresByType image/svg+xml "access plus 1 month" ExpiresByType application/vnd.ms-fontobject "access plus 1 month" # CSS and JavaScript ExpiresByType text/css "access plus 1 year" ExpiresByType application/javascript "access plus 1 year" ExpiresByType text/javascript "access plus 1 year" Header append Cache-Control "public"
