• İMALAT
    • CNC
    • DELME İŞLEMLERİ
    • EL İŞLEMLERİ
    • FREZELEME
    • İŞ GÜVENLİĞİ
    • KALIPÇILIK
    • KAYNAK TEKNOLOJİSİ
    • MALZEME BİLGİSİ
    • ÖLÇME KONTROL
    • TAŞLAMA
    • TORNALAMA
  • YENİLİKÇİ ÜRETİM YÖNTEMLERİ
    • 3d Tarayıcılar
    • 3d Yazıcı ile Baskı
    • Elektro Erozyon İle İşleme
    • Lazer İle İşleme
    • Su Jeti İle İşleme
  • MAKİNE ELEMANLARI
  • HİDROLİK PNÖMATİK
  • TEKNİK RESİM
    • Bilgisayar Destekli Çizim
    • CADCAM
    • KATI MODELLEME
    • TASARI GEOMETRİ
    • TEKNİK RESİM DERSLERİ
  • KONU ANLATIMLARI
    • MESLEKİ YABANCI DİL
    • İLK YARDIM BİLGİSİ
  • MATERYALLER
    • ATÖLYE TEMRİNLERİ
    • SINAV SORULARI
    • YILLIK PLANLAR
    • TEKNİK TABLOLAR
  • BİLİM ve TEKNOLOJİ
    • İlginç – Pratik Fikirler
    • Teknoloji Keşfi
    • Bilgisayar Püf Noktaları
    • Ücretsiz Program İndirme
  • OTOMOBİL
    • ARAÇ BAKIM ONARIM
    • Ehliyet Sınavı Hazırlık Testleri
    • Güvenli Sürüş Eğitimi
    • Araç ve Motor Bilgisi
  • SORU SOR
Facebook X (Twitter) Pinterest Tumblr
Makine Eğitimi
  • ÜRETİM TEKNİKLERİ
    • İmalat İşlemleri – Yöntemleri
      • CNC PROGRAMLAMA
      • DELME İŞLEMLERİ
      • EL İŞLEMLERİ
      • FREZELEME
      • İŞ GÜVENLİĞİ
      • KALIPÇILIK
      • KAYNAK TEKNOLOJİSİ
      • KESME İŞLEMLERİ
      • MALZEME BİLGİSİ
      • ÖLÇME KONTROL
      • TAŞLAMA
      • TORNALAMA
    • YENİLİKÇİ ÜRETİM YÖNTEMLERİ
      • ELEKTRO EROZYON İle İŞLEME
      • LAZER İLE İŞLEME
      • SU JETİ İLE İŞLEME
      • 3D YAZICI İLE BASKI
      • 3D TARAYICILAR
    • TEKNİK RESİM
      • TEKNİK RESİM DERSLERİ
      • BİLG. DESTEKLİ ÇİZİM
      • KATI MODELLEME
      • TASARI GEOMETRİ
      • CAD-CAM
    • MAKİNE ELEMANLARI
      • DİŞLİ ÇARKLAR
      • HİDROLİK PNÖMATİK
      • KAMLAR
      • KAVRAMA VE FLANŞLAR
      • KAYIŞ KASNAK VE KAMALAR
      • MEKANİK – MUKAVEMET
      • MİLLER VE MUYLULAR
      • PERÇİNLER
      • RONDELA VE GUPİLYALAR
      • RULMAN VE YATAKLAR
      • VİDALI BİRLEŞTİRMELER
      • YAYLAR
  • MATERYALLER
    • KONU ANLATIMLARI
      • FİZİK DERSİ KONULARI
      • İLK YARDIM BİLGİSİ
      • MESLEKİ YABANCI DİL
    • EVRAKLAR
      • ATÖLYE TEMRİNLERİ
      • YILLIK PLANLAR
      • HAZIR ANTETLİ KAĞITLAR
      • SINAV SORULARI
      • TEKNİK RESİM ÖRNEKLERİ
      • TEKNİK TABLOLAR
    • ÇEVRİMİÇİ KONU TESTLERİ
      • İLK YARDIM KURSU TESTLER
      • MESLEKİ YABANCI DİL
  • BİLİM ve TEKNOLOJİ
    • Teknik Videolar
      • TEKNOLOJİ KEŞFİ
      • İlginç – Pratik Fikirler
    • BİLİŞİM
      • BiLGİSAYAR DÜNYASI
      • ÜCRETSİZ PROGRAM İNDİR
    • OTOMOBİL
      • ARAÇ BAKIMI ve ONARIMI
      • ARAÇ ve MOTOR BİLGİSİ
      • GÜVENLİ SÜRÜŞ
      • EHLİYET SINAVI HAZIRLIK TEST
  • Soru Sor
Makine Eğitimi
Home»Bilgisayar Püf Noktaları

Youtube Videolarının Pagespeed Insights Değerlerini Düşürmesi Sorunu

youtube videoları bulunan sayfaları hızlandırma

WordPress sayfalarında youtube, vimeo, twitch, soundcloud gibi websitelerinden video ya da ses embed ettiğinizde pagespeed insights değerlerinin çok fazla düştüğünü fark etmişsinizdir. Bu yazıda wordpress web sayfalarımızda youtube embed ettiğimizde bile yüksek sayfa yüklenme hızı nasıl elde edilir inceleyeceğiz.

Fark etmişsinizdir. WordPress web sayfalarına youtube embed ettiğimizde sayfa yüklenme hızı büyük oranda düşer ve Pagespeed Insights raporlarında : Üçüncü taraf kodun etkisini azaltın Üçüncü taraf kodu, ana ileti dizisini ……. ms. süreyle engelledi uyarısıyla karşılaşırız.

Hatta youtube videoları embed edilen sayfalarda Lazy Load eklentilerinin de sağlıklı çalışmayabilir. Bu tip sayfaların pagespeed Insights sonuçlarında, ”ekran dışındaki resimleri ertele” uyarısı da görebiliriz.

Bununla birlikte bu uyarılara pek çok başka uyarılar da eşlik edebilir. Örneğin Ana iş parçacığı çalışmasını en aza indir ve JavaScript yürütme süresini azaltın gibi.

Youtube Videoları içeren sayfaları hızlandıran WordPress eklentileri

WordPress eklentilerine göz attığımızda youtube videolarını hızlı yüklediğini iddia eden birkaç eklentiye rastladık ve bunları denedik. Bu wordpress hızlandırıcı eklentilerden en iyisi hangisidir ? Hangi eklenti gerçekten sayfa yüklenme hızını artırıyor

Wp Youtube Lyte

Wp Youtube lyte eklentisi, youtube videoları embed edilmiş wordpress sayfalarında sayfa yüklenme hızını artıracağını vaad eden ücretsiz bir eklenti.

Eklentiye aşağıdaki bağlantıdan ulaşabilirsiniz.
WP YOUTUBE LYTE EKLENTİ SAYFASI

Eklenti kurulduktan sonra ayarlar sayfasında şöyle bir görünümle karşılaşıyorsunuz:

wordpress youtube embed edilmiş sayfayı hızlandırma

Eklenti bizden youtube API girmemizi istiyor. Ancak bu API girilmese de eklenti çalışıyor. Yine de olmuşken tam olsun diye düşünerek uzun uğraşlar sonucu bir youtube API girebildik. Ancak eklenti youtube API ye bağlanmakta sık sık sorun yaşadı ve uyarılar verdi. Biz de eklentiyi Youtube API yi girmeden çalıştırdık. Sonuçlar yine de gayet başarılıydı.

Eklenti Pagespeed Insight sonuçları

Bu eklentiyi kurup denediğimizde birden çok youtube videosu embed edilmiş bir sayfamızı (Buradan sayfayı görebilirsiniz) pagespeed insight ile test ettik ve sonuçları aşağıda paylaştık.

wordpress sayfası hızlandırma eklentisi wp youtube lyte

Eklentinin aynı sayfaya hem youtube hem de vimeo videosu embed edilmiş bir sayfamızda da aynı sonucu yarattığını gördük. Bu sonuçlara göre eklentinin gerçekten vaad ettiği gibi sayfaları hızlandırdığını söyleyebiliriz.

Ancak şunu da belirtmeliyiz ki Kullandığınız temaya ya da eklentilere göre sonuçlar farklılık gösterebilecektir. Eklentinin bazı temalarda görünüm açısından sıkıntılar yaşattığını, bazı cache eklentileri ile birlikte kullanıldığında bariz bir fark yaratmadığını söyleyenler de var. Denemek size kalmış.

Eklentinin üstün yönleri :
Eklenti vaad ettiği gibi youtube videoları içeren sayfaları hızlandırıyor
Kullanımı ve ayarları kolay. Kur ve unut.

Zayıf Yönleri:
Bazı temalarda ya da bazı eklentilerle birlikte sağlıklı çalışmadığı sayfa görünümünde bozulmalar yaşandığı gibi geri dönüşler mevcut.

Velocity

Daaren Cooney’in geliştirdiği bu ücretsiz eklentiyi denediğimizde pagespeed insights değerlerini hem mobilde hem de PC sonuçlarında bariz yükselttiğini gördük.

Eklentinin sayfasına aşağıdaki bağlantıdan ulaşabilirsiniz:
Velocity eklentisi

Pagespeed Insights raporlarında çıkan : Üçüncü taraf kodun etkisini azaltın Üçüncü taraf kodu, ana ileti dizisini 2.470 ms. süreyle engelledi sorununu da çözmüş olduğunu gördük.

Eklenti, youtube ID sini girdiğinizde size bir kısakod veriyor. Bu kısakodu, videoyu eklemek istediğiniz kısma yerleştiriyorsunuz.

Önemli not: Youtube ID girerken / dan sonraki kısmı girin.
yani adres diyelim ki şöyle: youtu.be/jNfSAtyLujc
sadece jNfSAtyLujc kısmını giriyoruz.

youtube içeren sayfaları hızlandırma

yukarıdaki kısa kodun bulunduğu kısımdaki COPY yazan butona tıkladığımızda bir pencere daha açılıyor. Bu pencerede kodu seçip sağ tıklıyoruz ve kodu hafızaya kopyalıyoruz.

youtube içeren sayfalar nasıl hızlandırılır

Daha sonra sayfamızda istediğimiz yere bu kodu ekliyoruz. (Aşağıda)

wordpress pagespeed insight değerlerini artırma eklentisi

Kısa kodu eklediğimiz kısım aşağıdaki gibi görünüyor. play butonuna tıkladığımızda youtube videosunu görüyoruz.

wordpresste youtube videoları bulunan sayfaları hızlandırma

Dilerseniz ayarlarda, youtube videonuz için albümden resim de seçebiliyorsunuz. (Aşağıdaki resim)

wordpress hızlandırma eklentisi

Bunu yaptığımızda ise sayfanın görünümü aşağıdaki gibi oluyor. Yani aslında youtube videosunu değil onun bir ön izlemesini görmüş oluyoruz.

wordpress sayfalarındaki videoları hızlı yükleme eklentisi

Bunun sayfayı hızlandırmak dışında iki avantajı var, Birincisi, Lazy load kullanıyorsak bu resim de diğer resimler gibi sonradan yükleniyor. İkincisi resim bir alt tag a sahip olacağı için SEO çalışmanıza bir miktar daha katkısı olabiliyor.

Velocity Öncesi ve Sonrası Sayfa hızı raporu

velocity pagespeed sonuçları

Eklentinin Üstün Yönleri:
– Sayfa hızını bariz bir şekilde artırıyor.
– Sayfa görünümünde bozulmaya yol açmıyor
– Herhangi bir videoya İstediğiniz ön izleme resmi atayabiliyorsunuz.

Eklentinin Zayıf Yönleri:
– Eklediğiniz her video için ayrı ayrı uğraşmak gerekiyor.
– Kısa kod eklediğiniz için eklentiyi kaldırdığınızda ziyaretçileriniz sayfalarınızda video yerine bu kodu görecekler.

Share. Facebook Twitter WhatsApp Pinterest Tumblr Email

İlginizi Çekebilir

Dizüstü Bilgisayar Pil Ömrü Nasıl Uzatılır?

Macbook Pili Nasıl Kalibre Edilir? Pil Kalibrasyonu

Flash Bellek Alırken Nelere Dikkat Etmeliyiz

Katı Hal Sürücüsü (SSD) Nedir?

Oyunlarda FPS Nasıl Artırılır

Windows 10’u Hızlandırmanın En İyi 10 Yolu

Leave A Reply Cancel Reply


Kanal Tornalama
Daha Hızlı Autocad için 12 Performans Ayarı
Dişli Çark Terimleri – Dişli Çark Elemanları
İş sağlığı ve güvenliği kanunu 6331 özeti
  • İLETİŞİM FORMU

Makine Eğitimi. Makine teknolojisi, otomotiv teknolojisi ders notları slayt sunu video ve dokumanlar. Makine bölümü dersleri.

Facebook Pinterest Tumblr

Type above and press Enter to search. Press Esc to cancel.