Google PageSpeed Insights puanlarını yükseltmek

Merhaba arkadaşlar,

Google’ın PageSpeed aracında artık yeşil puanları görmek biraz zorlaştı, bunun sebebi yapacağımız işlemlerin çeşitli alanlarda olması.

 

|Oluşturmayı önleyen JavaScript ve CSS kodlarını ekranın üst kısmındaki içerikten kaldırın

(bkz: google oluşturmayı önleyen JavaScript…)
Burada google

1 ) .css ve .js dosyalarımızı </html> kapanış tagı altına koymamızı istiyor. (Css dosyasını html tagnın altına koyduğumuzda önce komple html yükleniyor ve sonra style alıyor // Berbat bir durum)

2 ) .js dosyalarımıza async tagını eklememizi istiyor.

3 ) Tüm css’leri tek css’de, tüm js dosyalarını tek js dosyasında toplamamızı istiyor.

Örnek :

|Kaynakları Küçültme (HTML, CSS ve JavaScript)

(bkz: google kaynakları küçültme)

Burada HTML, CSS ve Javascript dosyalarını sıkıştırıp küçülteceğiz.

CSS‘i küçültürken csscompressor.com sitesini kulladım (küçültme oranını veriyor).

JS‘i küçültürken jscompress.com sitesini kullandım (küçültme oranını veriyor).

HTML küçültürken ise PHP script’imdeki kodların başına (şükür teknoloji gelişti) stackoverflow‘daki aşağıdaki kodu ekledim.

|Resimleri optimize edin

(bkz: google resimleri optimize edin)

Ben resim optimizelerin de daima tinypng.com‘u kullanırım

|Sıkıştırmayı Etkinleştirme

(bkz: google sıkıştırmayı etkinleştirin)

En cafcaflı kısmı ve en çok sevdiğim kısmı bu oldu. Linux bilgimi biraz tazelemiş oldum 🙂

Eğer apache kullanıyorsanız mod_deflate modülünü aktifleştirmeniz gerekmektedir. Yabancı kaynakları anlamata zorluk çekiyorsanız Doğan Ergezer konuyu burada anlatmış  bkz :   Apache Hızlandırma mod_deflate Gzip Kullanımı

Bu kurumulu yaptım ama şöyle bir uyarı aldım

Bu hatayı araştırırken tekrar stackoverflow’dan bu çözümü buldum ama yapamadım ve Servis sağlayıcım Data TR hızlıca çözüme ulaştırdı sağolsun varolsunlar 🙂

Mod_deflate modülü kuruldumu diye bu adresden kontrol ettim  “aycan.net is Compressed” uyarısını görünce sununcu tarafı tamamdır.

img

Bu işlem bittikten sonra hemen sıkıştırılacak dosyaları .htaccess ‘de belirtiyoruz yapıyoruz.

Aşağıdaki kodları .htaccess dosyanızın en altına yapıştırıyoruz

Bu şekilde 329Kb ‘lık css dosyası Chrome -> Network sekmesinden 50Kb olarak, 107KB’lık JS dosyası 37.9KB olarak download oluyor. // Canvar birşey

gzip

Tarayıcı Önbelleğine Alma Özelliğinden Yararlanma

Son işlemimizide .htaccess dosyasından yapacağız. .htaccess dosyasının en altına aşağıdaki kodları ekliyoruz.

Ve işlemimiz tamamlandı.

google-speed

Bu yazının altına sizlerden yeşili yeşilli googlespeed ekran görüntüleri bekliyorum.

 

Kalın sağlıcakla..

 

 

 

 

 

 

 

 

iOS ~ iPhone ve iPad Simulator

Merhaba arkadaşlar,

Teknoloji çok hızlı geliştiği için yaptığımız işlerin kontrolu çok zorlaşıyor. Geçenlerde yaptığım bir iş iPhone6Plus da sorunlu çıkıyordu ve nerdeyse sinirden ki gidip alacaktım o telefonu 🙂

Herneyse sonra Macbook yani macOS  bilgisayarlarda Xcode programı var ve bu programın bu cihazlar için simulatoru var, denedim gayet güzel çalışıyorlar. Okumaya devam…

Yandex Kurum Maili oluşturma ve Gmail’e aktarma

Merhaba arkadaşlar,

Kendinize ait bir domaininiz varsa ve bu domain için xx@domain.com lu mail kullanmak istiyorsanız doğru yere geldiniz.

Hosting aldığınız sunucunun verdiği mail hizmeti sizi çileden çıkartacaktır, Mailler bazen gelmez veya gitmez vs.

Aycanbulbul.com.tr sitesi için ben[@]aycanbulbul.com.tr maili oluşturacağım ve aşağıdaki işlemleri yapacağım.

 

Yandex Kurum Mail kurulumu

1. Öncelikle https://kurum.yandex.com.tr/domains_add/ buraya giriyorsunuz ve giriş yapıyorsunuz Okumaya devam…

Google Inbox davetiyesi nasıl alınır

Merhaba arkadaşlar,

Google Inbox davetiyesi almak için “inbox@google.com” mail adresine

yazdıp gönderdiğinizde bir kaç gün içinde davetiye geliyor.

 

 

Eski sürüm IE tarayıcılarını güncellemek (abTarayici)

Bu eklentimiz sanıyorum ki bir çok internet sitesi geliştiricinin en sevdiği eklenti olacak çünkü internet sitelerini geliştirmemizi engelleyen tarayıcıları yavaş yavaş kullanıcılara öğreterek yeni sürümlere tatlı bir dille yönlendirebileceğiz.


abTarayici1 abtarayici2

abTarayici V0.1 özellikleri

  • Belirttiğimiz sürüm altındali tarayıcılar için uyarı gösterilir.
  • Uyarıları cookie sayesinde günde 1 sefer veya her sayfa yüklendiğinde gösterilir.
  • Uyarıdaki metinleri isteğimiz gibi değiştirebiliriz
  • Yeni tarayıcı indirme linkini isteğimize göre değiştirebiliriz.

Okumaya devam…