Tıpkı webp gibi Google icadıdır. AMP HTML ve JavaScript kısımları sadeleştirrir. Çok hızı bir sayfa yüklemesi sunar.
Web erişiminin %85’i mobil cihazlardan yapıldığı için AMP çok işe yarar.

AMP resmi sayfasında daha ayrıntılı bilgi bulabilirsiniz: amp.dev/tr/amp-nasıl-işler?

AMP, Google’da üst sıralarda yer almanıza yardımcı olur

Google sonuçlar arasında hıza da çok önem veriyor. Dolayısıyla sayfanız hızlıysa, arama sonuçlarında yukarı çıkıyor.

AMP site, mobil cihazlara ayrı sayfa hazırlar

Sitenizin masa üstü bilgisayardaki görünüşünü etkilemiyor AMP.

Buna karşın sitenize mobil bir cihaz bağlanmak isterse, ona AMP’ın hazırladığı, sadeleştirdiği sayfalar gösteriyor.

AMP, sadeleştirici bir görev görüyor. Sitenizin görsel bazı özelliklerini atıyor. Yani daha basit bir sürümünü yaratıyor sitenizin. Karşı tarafa da bu kırpılmış halini gönderip site hızını çok arttırıyor.

AMP kurulumu nasıl yapılır?

WordPress için kolay.

Eklentiler bölümünden AMP’ı aratın. Birden çok eklenti göreceksiniz. Sizin indireceğiniz ise mavi daire simgeli olan. Açıklamasında “Powered by AMP” olan doğru olan. Biz, bizzat AMP tarafından hazırlanmış eklentiyi kuracağız.

Kurduktan sonra, görseldeki gibi ana menüye gelecek.

İlk çalıştırdığınızda bir kontrol yapacak AMP.

AMP ayarları nasıl yapılır?

Site tarama

AMP modunu belirleme

Uyumsuz eklentileri belirleme

Uyumsuz eklentileri kaldırma

Bağlantı yapısı seçme

Gözden geçirme

Modlar arasındaki farklar

Standard

Sitede kullanılan tüm bileşenlerin (temalar ve eklentiler) tamamen AMP uyumlu olduğu zaman seçilen moddur.

Transitional / Geçişli

Site tam olarak AMP uyumlu olmayan bir tema kullanıyorsa iyi bir seçim, ancak AMP ile AMP olmayan arasındaki işlevsel farklar kabul edilebilir.

A good choice if the site uses a theme that is not fully AMP compatible, but the functional differences between the AMP and non-AMP are acceptable. 

Reader / Okuyucu

Siteniz son derece AMP uyumlu bir tema kullanıyorsa seçilebilir. Teknik olarak anlayışlı değilseniz veya sadece uyumsuzluklarla uğraşmak istemiyorsanız ve AMP deneyimlerini kullanıcılarınıza almak için basitleştirilmiş bir iş akışını tercih ediyorsanız, aynı zamanda iyi bir seçimdir.

May be selected if your site is using a highly AMP-incompatible theme. It is also a good choice if you are not technically savvy, or simply do not want to deal with incompatibilities and prefer a simplified workflow to get AMP experiences to your users. 

AMP site nedir, nasıl yapılır? yazısı ilk önce Bilgisayarını Hızlandır üzerinde yayımlandı.

Bu program Photoshop alternatifi değil. Birden çok fotoğrafı işlemek, basit işlemler yapmak için kullanılıyor.

Önce şununla başlayayım: XnConvert ücretsiz bir program.

Dosya ekledikten sonra sol tarafta işlemleri ekliyor, çıkarıyorsunuz. Mevcut (daha önce) yaptığınız işlemleri de burada görebilirsiniz. İşterseniz etkinleştirip devre dışı bırakabilirsiniz bu görevleri.

Web sitesine buradan ulaşabilir, buraya tıklayarak doğrudan bilgisayarınıza indirebilirsiniz.

Nasıl kullanılıyor?

Son derece kolay bir kullanımı var. Ana ekrana sürükle-bırak ile dosya atabilirsiniz.

Ya da düğmeleri kullanarak dosya ya da klasör eklemek mümkün.

Yükledikten sonra, dosyalara tıklayarak teker teker silme de yapmanız mümkün.

Fotoğraf küçültme ve dahası nasıl yapılıyor?

İkinci sekme ise “Görevler” sekmesi. Burada dosyalara hang işlemleri yapacağımızı seçiyoruz.

Burada çok seçenek var. Yazı eklemekten, renk arttırmaya, kırpma ve keskinliğe kadar her şeyi yapabilirsiniz.

Ben web sitesi fotoğraflarımı XnConvert’de hazırlıyorum. Bu yüzden en çok görsel boyutları ve metin ekleme özelliklerini kullanıyorum.

İşlem, dosya dönüştürme adımı

Gelelim bir sonraki sekmeye. Bu “Çıktı” sekmesinde dosyanın nasıl kayıt edileceğini belirliyoruz. Mesela ben webp kayıt yapıyorum.

“Ayarlar” ise dosyanın kalite özellikleri. Örnek olarak 70 kalite kullanıyorum ve ayarını buradan yapıyorum.

Dosya adı kısmını da kullanıyorum bu arada. Mesela internetten beş dosya indirdim. Çıktı sekmesinde bunlara: “Xnconvert 1 (2), (3)” gibi bir seri ve otomatik isim atama yapabilirim.

Yapılacak işlem seçeneği çok fazla

Keskinlik, bulanıklaştırma, otomatik kontrast. Metin ekleme, doygunluk arttırma gibi çok seçenek var.

Hatta otomatik kırpma bile var.

Son derece hafif ve ufak

Xn, başarılı bir iş yapmış açıkçası. Zira çok işlevi tek araca ufak boyutta sığdırmış. Üstelik son derece az kaynakla iş yapıyor. Bu huyu ayrıca güzel.

Özellikle çok sayıda dosyayı art arda işlemden geçirmek için çok çok iyi.

İsterseniz bin (1’000) dosya ekleyip, “başla” der ve bilgisayarın başından kalkabilirsiniz.

Son derece hafif ve ufak

Ayrıca arka planda çalıştırma imkanı da var. “Çıktı” seçmesinin en alt-solunda çoklu CPU çekirdeği seçebilirsiniz. Hatta kaç çekirdek kullanılacak, onu bil belirleyebilirniz.

Kısacası çok iyi ve ayrıntısına kadar düşünülmüş XnConvert için.

Kayıt kalitesi

Burası önemli.

Bu yazı: “Web Sitesi Hızlandırma” kategorisinde yayımlanmıştır.

XnConvert, fotoğraf küçültme ve ayarlama programı yazısı ilk önce Bilgisayarını Hızlandır üzerinde yayımlandı.

AOIS adında bir eklenti kullanıyordum. Güvenlik eklentisi idi. WordPress’e erişimi ve yetkilendirme konularında işlevi vardı. Açıkçası ben bu eklentinin site hızına etki etmesini beklemiyordum.

İkinci eklenti ise UpdraftPlus adlı yedekleme eklentisi idi. Hosting hizmeti aldığım arkadaşım yedekleme de yapacağını söylediği için hem AOIS hem de bu eklentiyi kaldırdım.

Google site hızı puanımı nasıl arttırdım?

Her şeyden önce şunu söyleyeyim. Sunucumun ve sitemin hızı iyiydi. AMP ile mobil puanım da iyiydi hatta. Görseller webp formatındaydı. Görsel boyutu ise genelde 50 kb. civarındaydı.

Fakat sorun sunucu ilk yanıt süresine gelince uzundu. Yani gözden kaçırdığım bir şey vardı.

Baktım, takılan yerjss. JS’i sıkıştırıyorum ama ben Boost ile?

Geldik WP Fastest Cache eklentisi

Web sitesini hızlandırmak için JetPack Boost, cache için ise WP Fastest Cache kullanıyor idim.

Ayrıntılı bakınca gördüm ki hem Boost, hem de cache programlarının ikisi birden sıkıştırma yapıyormuş. Hem de uzun süredir.

Sonuç olarak cache eklentisinin JS ve CSS sıkıştırmalarını iptal edince doğrudan ve hemen fark etti.

Aynı anda iki tane hızlandırma işlevi kullanmayın. Hızlandırmak yerine aksine yavaşlatıyor çünkü.

Ve site hızlandı

Sonuç: aynı şeyleri ki kere sıkıştırmayın 🙂

Sonuç

• Gereksiz eklentileri kaldırın.
• Tek alan, tek işlev için tek hızlandırıcı kullanın.
• Görselleri webp yada avif gibi yeni nesil dosya formatlarında yükleyin. (Görsel değiştirme programı XnConvert yazısı burada).
• Web sitenizin Google’a göre nasıl olduğunu buradan kontrol edin:

https://pagespeed.web.dev/

İlgili yazılar

• 
  Raspberry Pi 500+ masaüstü taşınabilir bilgisayar
• 
  Ekran kartı bakım temizlik + termal macun yenileme
• 
  TP-link powerline elektrik ile internet paylaşımı
• 
  Core i3 yeter mi?
• 
  Bilgisayar watt hesaplama
• 
  Realme Note 60 yorum ve inceleme
• 
  GAMEFORCE GF-8010 COLD LED fanlı ucuz bilgisayar kasası
• 
  DDU nasıl kullanılır?
• 
  Sapphire AMD RX 590 değerlendirme
• 
  Diz üstü bilgisayar vida çıkarma
• AMP site nedir, nasıl yapılır?
• 
  XnConvert, fotoğraf küçültme ve ayarlama programı

Site hızı TTB ve FCP değeri arttırma yazısı ilk önce Bilgisayarını Hızlandır üzerinde yayımlandı.

Kurulum

Önce, WordPress’in siyah renkli, sol tarafta bulunan ayarlar menüsünde: “Eklentiler” bölümüne tıklıyoruz.

İkinci aşama: eklentiyi aratıp bulma.

CDN, içerik dağıtım ağı (content delivery network) demek. Şayet sunucunuz iyiyse, hızlı ise şart değil bu seçeneği etkinleştirmek. Bunun yerine webp dosya formatına geçmenizi tavsiye ederim ben şahsen.

Jetpack Boost ayarları

Ayarlar burada. Şimdi teker teker açıklayayım:

JavaScript’i erteleyin

Java dosyalarının yüklenmesini sona bırakarak önce içeriği yükler. Bu sayede görüntü daha erken gelir. Geri kalan işlevler görüntüdensonra yüklendiği için kullanıcı hem içeriği erken görür hem de işlevlere tam erişim sağlar.

JS’yi birleştir

Bunu da etkin tutmanızı öneriyorum.

CSS’yi birleştir

Bunu açın. Hız açısından en çok fark yaratan unsurlardan birisi.

Görsel CDN’si

Görsel dosyalarınızı kendi sunucunuz yerine WordPress sunucularında tutmak ve yayınlamak içindir. Ben kullanmıyorum. Ama siz deneyebilirsiniz.

Görsel kılavuzu

Görsel kılavuzunu ben kullanıyorum zira unutup tam boyut eklediğiniz görselleri işaretliyor.

Kırmızı simgedeki rakam, gbörselin sayfada göründüğünden ne kadar daha büyük yüklendiğini gösteriyor.

Simgelerin üzerine gidince deek bilgiler geliyor. Bunlar dosyanın özgün boyutu, sayfada gösterilen boyutu gibi ek bilgiler veriyor.

İşlem sonunda kontrol

Siz seçenekleri belirleyip, sıkıştırma yapınca işlem bir-iki dakika sürüyor. İşlem bittikten sonra ise ekranın en üstünde mevcut masaüstü ve mobil puanınız hesaplanıyor.

Şayet puanınızda düşüş olursa sizi bilgilendiriyor Boost.

Site hızı puanları

Jetpack Boost yazısı ilk önce Bilgisayarını Hızlandır üzerinde yayımlandı.