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

Transkript

1 PageSpeed Insights 44 / 100 Hız Düzeltilmeli: Oluşturmayı önleyen JavaScript ve CSS kodlarını ekranın üst kısmındaki içerikten kaldırın Sayfanızda oluşturmayı engelleyen 1 tane komut dosyası ve 4 tane CSS kaynağı var. Bu durum, sayfanızın oluşturulmasında gecikmeye neden oluyor. Sayfanızda ekranın üst kısmındaki içerikten hiçbiri aşağıdaki kaynakların yüklenmesi beklenmeden oluşturulamadı. Engelleyen kaynakları ertelemeyi veya eşzamansız olarak yüklemeyi ya da bu kaynakların önemli miktarda bölümünü doğrudan HTML'de satır içi yapmayı deneyin. Oluşturma engelleyici JavaScript'i kaldırın: Aşağıdakilerin CSS Yayınını optimize edin: ss_utilities.css&ts=

2 s,css_jquery-ui-1_11_4_custom.css,css_jquery_qtip_min.css,css_jquery_selectbox.css,css_glo bal.css,css_fonts.css,css_b_link.css,css_b_layout.css,css_b_button.css,css_b_button_group.cs s,css_b_icon.css,css_b_tabbed_pane.css,css_b_form_control.css,css_b_form_input.css,css_b_f orm_select.css,css_b_form_textarea.css,css_b_media.css,css_b_divider.css,css_b_avatar.css, css_b_ajax_loading_indicator.css,css_b_topicpreview.css,css_responsive.css,css_b_vbscroller. css,css_b_theme_selector.css,css_b_top_background.css,css_b_module.css,css_b_comp_men u_horizontal.css,css_b_comp_menu_dropdown.css,css_b_comp_menu_vert.css&ts= rol.css,css_b_post_attachments.css,css_b_post_notice.css,css_b_post_sm.css,css_b_comment s.css,css_b_comment.css,css_b_comment_entry.css,css_b_userinfo.css,css_b_meter.css,css_ b_inlinemod.css,css_b_bbcode_user.css,css_b_event.css,css_b_link_thumbnail_list.css,css_b_ thumbnail_nav.css&ts= Resimleri optimize edin Resimleri doğru şekilde biçimlendirmek ve sıkıştırmak, baytlarca veriden tasarruf edilmesini sağlayabilir. Boyutlarını 931,4 KB azaltmak için (%73 azalma) aşağıdaki resimleri optimize edin. sayfasının sıkıştırılması 249,9 KB tasarruf (%77 azalma) sağlayabilir. sayfasının sıkıştırılması 223,8 KB tasarruf (%72 azalma) sağlayabilir. sayfasının sıkıştırılması 174,9 KB tasarruf (%76 azalma) sağlayabilir. sayfasının sıkıştırılması 143,1 KB tasarruf (%70 azalma) sağlayabilir. sayfasının sıkıştırılması 123 KB tasarruf (%77 azalma) sağlayabilir. sayfasının sıkıştırılması 14,4 KB tasarruf (%33 azalma) sağlayabilir. sayfasının sıkıştırılması 1,3 KB tasarruf (%45 azalma) sağlayabilir.

3 sayfasının sıkıştırılması 970 B tasarruf (%25 azalma) sağlayabilir. Uyarı: Sıkıştırmayı etkinleştirin Kaynakları gzip veya deflate ile sıkıştırmak, ağ üzerinden gönderilen bayt sayısını azaltabilir. Aktarım boyutlarını 6,4 KB azaltmak için (%64 azalma) aşağıdaki kaynaklarda sıkıştırmayı etkinleştirin. sayfasının sıkıştırılması 6,4 KB tasarruf (%64 azalma) sağlayabilir. Tarayıcı önbellekleme özelliğinden yararlanın Statik kaynaklar için HTTP üstbilgilerinde bir süre sonu tarihi veya maksimum ömür ayarlamak, tarayıcıya, ağ üzerindeki kaynakları değil yerel diskte önceden indirilmiş olanları yüklemesini söyler. Aşağıdaki önbelleğe alınabilir kaynaklar için tarayıcı önbelleği özelliğinden yararlanın: (süre sonu belirtilmedi) (süre sonu belirtilmedi) (15 dakika) (60 dakika) (2 saat)

4 HTML'yi küçültün HTML kodunu, içerdiği tüm satır içi JavaScript ve CSS ile birlikte küçültmek, baytlarca veriden tasarruf edilmesini sağlarken indirme ve ayrıştırma işlemlerini de hızlandırabilir. Boyutlarını 1,1 KB azaltmak için (%14 azalma) aşağıdaki kaynaklarda HTML'yi küçültün. kaynağının küçültülmesi, sıkıştırmadan sonra 1,1 KB tasarruf (%14 azalma) sağlayabilir. 4 Başarılı Kural Açılış sayfası yönlendirmelerinden kaçının Sayfanızda yönlendirme yok. Açılış sayfası yönlendirmelerinden kaçınma hakkında daha fazla bilgi edinin. CSS'yi küçültün CSS'niz küçültülmüş. CSS'yi küçültme hakkında daha fazla bildi edinin. JavaScript'i küçültün JavaScript içeriğiniz küçültülmüş. JavaScript içeriğini küçültme hakkında daha fazla bilgi edinin. Görünür içeriğe öncelik verin Ekranın üst kısmındaki içeriğinize doğru şekilde öncelik verilmiş. Görünür içeriğe öncelik verme hakkında daha fazla bilgi edinin. 91 / 100 Kullanıcı Deneyimi

5 Uyarı: İçeriğin boyutunu görünüme göre ayarlayın Sayfa içeriği, görünüm için çok geniş ve bu durum kullanıcıyı yatay kaydırma yapmaya zorluyor. Daha iyi bir kullanıcı deneyimi için sayfa içeriğinin boyutunu görünüme göre ayarlayın. Sayfa içeriği 413 CSS pikseli genişliğinde, ancak görünüm yalnızca 412 CSS pikseli genişliğine sahip. Aşağıdaki öğeler görünümün dışında kalıyor: <div id="lnkloginsignupmenu" class="b-comp-menu-dr rbar js-button">giriş Yap & Üye Ol</div> öğesi görünümün dışında kalıyor. Hafifçe vurma hedeflerini uygun şekilde boyutlandırın Web sayfanızdaki bağlantılardan/düğmelerden bazıları dokunmatik ekranda kullanıcıların zorlanmadan hafifçe vurabilmeleri için çok küçük olabilir. Daha iyi bir kullanıcı deneyimi sağlamak için bu hafifçe vurma hedeflerinin boyutlarını büyütmeyi düşünün. Aşağıdaki hafifçe vurma hedefleri, çevrelerindeki diğer hafifçe vurma hedeflerine çok yakın ve aralarında daha fazla boşluk olması gerekebilir. <div id="lnkloginsignupmenu" class="b-comp-menu-dr rbar js-button">giriş Yap & Üye Ol</div> hafifçe vurma hedefi başka 1 hafifçe vurma hedefine yakın final. <a href=" mleri%22%5d%7d">13. cuma indirimleri</a> ve diğer 17 tanesinin hafifçe vurma hedefi başka hafifçe vurma hedeflerine yakın. <a href=" A7maz%22%5D%7D">bu kaçmaz</a> ve diğer 1 tanesinin hafifçe vurma hedefi başka hafifçe vurma hedeflerine yakın. <a href=" dirim%22%5d%7d">indirim</a> hafifçe vurma hedefi başka 2 hafifçe vurma hedefine yakın. <a href=" t/member/2-hil">hil</a> ve diğer 7 tanesinin hafifçe vurma hedefi başka hafifçe vurma hedeflerine yakın. <a href=" tyen-tek-fiyat"> tyen-tek-fiyat</a> ve diğer 1 tanesinin hafifçe vurma hedefi başka hafifçe vurma hedeflerine yakın.

6 3 Başarılı Kural Eklentilerden kaçınma Sayfanızda, içeriğin çok sayıda platformda kullanılabilir olmasını engelleyecek eklentiler kullanılmadığı anlaşılıyor. Eklentilerden kaçınmanın önemi hakkında daha fazla bilgi edinin. Görünümü yapılandırın Sayfanızda, cihazın boyutuyla eşleşen ve tüm cihazlarda düzgün olarak oluşturulmasına olanak tanıyan bir görünüm belirtiliyor. Görünüm yapılandırma ilgili daha fazla bilgi edinin. Okunabilir yazı tipi boyutları kullanma Sayfanızdaki metin okunaklı. Okunaklı yazı tipi boyutları kullanma ile ilgili daha fazla bilgi edinin. Masaüstü 50 / 100 Hız Düzeltilmeli:

7 Masaüstü Oluşturmayı önleyen JavaScript ve CSS kodlarını ekranın üst kısmındaki içerikten kaldırın Sayfanızda oluşturmayı engelleyen 1 tane komut dosyası ve 4 tane CSS kaynağı var. Bu durum, sayfanızın oluşturulmasında gecikmeye neden oluyor. Sayfanızda ekranın üst kısmındaki içerikten hiçbiri aşağıdaki kaynakların yüklenmesi beklenmeden oluşturulamadı. Engelleyen kaynakları ertelemeyi veya eşzamansız olarak yüklemeyi ya da bu kaynakların önemli miktarda bölümünü doğrudan HTML'de satır içi yapmayı deneyin. Oluşturma engelleyici JavaScript'i kaldırın: Aşağıdakilerin CSS Yayınını optimize edin: ss_utilities.css&ts= s,css_jquery-ui-1_11_4_custom.css,css_jquery_qtip_min.css,css_jquery_selectbox.css,css_glo bal.css,css_fonts.css,css_b_link.css,css_b_layout.css,css_b_button.css,css_b_button_group.cs s,css_b_icon.css,css_b_tabbed_pane.css,css_b_form_control.css,css_b_form_input.css,css_b_f orm_select.css,css_b_form_textarea.css,css_b_media.css,css_b_divider.css,css_b_avatar.css, css_b_ajax_loading_indicator.css,css_b_topicpreview.css,css_responsive.css,css_b_vbscroller. css,css_b_theme_selector.css,css_b_top_background.css,css_b_module.css,css_b_comp_men u_horizontal.css,css_b_comp_menu_dropdown.css,css_b_comp_menu_vert.css&ts= rol.css,css_b_post_attachments.css,css_b_post_notice.css,css_b_post_sm.css,css_b_comment s.css,css_b_comment.css,css_b_comment_entry.css,css_b_userinfo.css,css_b_meter.css,css_ b_inlinemod.css,css_b_bbcode_user.css,css_b_event.css,css_b_link_thumbnail_list.css,css_b_ thumbnail_nav.css&ts= Resimleri optimize edin Resimleri doğru şekilde biçimlendirmek ve sıkıştırmak, baytlarca veriden tasarruf edilmesini sağlayabilir.

8 Masaüstü Boyutlarını 917,5 KB azaltmak için (%74 azalma) aşağıdaki resimleri optimize edin. sayfasının sıkıştırılması 249,9 KB tasarruf (%77 azalma) sağlayabilir. sayfasının sıkıştırılması 223,8 KB tasarruf (%72 azalma) sağlayabilir. sayfasının sıkıştırılması 174,9 KB tasarruf (%76 azalma) sağlayabilir. sayfasının sıkıştırılması 143,1 KB tasarruf (%70 azalma) sağlayabilir. sayfasının sıkıştırılması 123 KB tasarruf (%77 azalma) sağlayabilir. adresinin sıkıştırılması ve yeniden boyutlandırılması 1,2 KB tasarruf sağlayabilir (%58 azalma). sayfasının sıkıştırılması 970 B tasarruf (%25 azalma) sağlayabilir. adresinin sıkıştırılması ve yeniden boyutlandırılması 620 B tasarruf sağlayabilir (%50 azalma). Uyarı: Tarayıcı önbellekleme özelliğinden yararlanın Statik kaynaklar için HTTP üstbilgilerinde bir süre sonu tarihi veya maksimum ömür ayarlamak, tarayıcıya, ağ üzerindeki kaynakları değil yerel diskte önceden indirilmiş olanları yüklemesini söyler. Aşağıdaki önbelleğe alınabilir kaynaklar için tarayıcı önbelleği özelliğinden yararlanın: (süre sonu belirtilmedi) (süre sonu belirtilmedi) (15 dakika) (60 dakika) (2 saat)

9 Masaüstü HTML'yi küçültün HTML kodunu, içerdiği tüm satır içi JavaScript ve CSS ile birlikte küçültmek, baytlarca veriden tasarruf edilmesini sağlarken indirme ve ayrıştırma işlemlerini de hızlandırabilir. Boyutlarını 1,1 KB azaltmak için (%14 azalma) aşağıdaki kaynaklarda HTML'yi küçültün. kaynağının küçültülmesi, sıkıştırmadan sonra 1,1 KB tasarruf (%14 azalma) sağlayabilir. 5 Başarılı Kural Açılış sayfası yönlendirmelerinden kaçının Sayfanızda yönlendirme yok. Açılış sayfası yönlendirmelerinden kaçınma hakkında daha fazla bilgi edinin. Sıkıştırmayı etkinleştirin Sıkıştırmayı etkinleştirmişsiniz. Sıkıştırmayı etkinleştirme hakkında daha fazla bilgi edinin. CSS'yi küçültün CSS'niz küçültülmüş. CSS'yi küçültme hakkında daha fazla bildi edinin. JavaScript'i küçültün JavaScript içeriğiniz küçültülmüş. JavaScript içeriğini küçültme hakkında daha fazla bilgi edinin.

10 Powered by TCPDF ( Masaüstü Görünür içeriğe öncelik verin Ekranın üst kısmındaki içeriğinize doğru şekilde öncelik verilmiş. Görünür içeriğe öncelik verme hakkında daha fazla bilgi edinin.