{"id":2724,"date":"2020-11-24T17:54:34","date_gmt":"2020-11-24T14:54:34","guid":{"rendered":"https:\/\/blog.hostixo.com\/?p=2724"},"modified":"2024-02-01T22:47:55","modified_gmt":"2024-02-01T19:47:55","slug":"pagespeed-insights-skoru-nasil-yukseltilir","status":"publish","type":"post","link":"https:\/\/www.hostixo.com\/blog\/pagespeed-insights-skoru-nasil-yukseltilir\/","title":{"rendered":"PageSpeed Insights Skoru Nas\u0131l Y\u00fckseltilir ?"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_83 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">\u0130\u00e7indekiler \u2714<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"\u0130\u00e7indekiler Tablosunu A\u00e7\/Kapat\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.hostixo.com\/blog\/pagespeed-insights-skoru-nasil-yukseltilir\/#Google_PageSpeed_%E2%80%8B%E2%80%8BInsightsa_Giris\" >Google PageSpeed \u200b\u200bInsights&#8217;a Giri\u015f<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.hostixo.com\/blog\/pagespeed-insights-skoru-nasil-yukseltilir\/#Google_PageSpeed_%E2%80%8B%E2%80%8BInsightsta_100100_Puanlama\" >Google PageSpeed \u200b\u200bInsights&#8217;ta 100\/100 Puanlama\u00a0<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.hostixo.com\/blog\/pagespeed-insights-skoru-nasil-yukseltilir\/#Google_PageSpeed_%E2%80%8B%E2%80%8BInsightsi_Nasil_Kullanir\" >Google, PageSpeed \u200b\u200bInsights&#8217;\u0131 Nas\u0131l Kullan\u0131r?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.hostixo.com\/blog\/pagespeed-insights-skoru-nasil-yukseltilir\/#Google_PageSpeed_%E2%80%8B%E2%80%8BInsights_Onerileri_Performansi_Artirmanin_24_Yolu\" >Google PageSpeed \u200b\u200bInsights \u00d6nerileri (Performans\u0131 Art\u0131rman\u0131n 24 Yolu)<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.hostixo.com\/blog\/pagespeed-insights-skoru-nasil-yukseltilir\/#Ozet\" >\u00d6zet<\/a><\/li><\/ul><\/nav><\/div>\n<p>Google PageSpeed \u200b\u200bInsights, web y\u00f6neticileri, geli\u015ftiricileri ve her t\u00fcrl\u00fc <a href=\"https:\/\/www.hostixo.com\/hosting\/hazir-site\/\" data-internallinksmanager029f6b8e52c=\"11\" title=\"haz\u0131r site\">site<\/a> sahipleri i\u00e7in \u00e7ok yararl\u0131 bir ara\u00e7t\u0131r.\u00a0 Bir\u00e7ok ki\u015fi bu testten 100\/100 puan alarak sitelerini optimize etmek i\u00e7in saatlerce u\u011fra\u015fmaktalard\u0131r.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-2761 size-full lazyload\" data-src=\"https:\/\/www.hostixo.com\/blog\/wp-content\/uploads\/2020\/11\/pagespeed-__insights-skorunuz-sitenizdeki-degisikliklere-bakilmaksizin-degisebilir.jpg\" alt=\"PageSpeed Insights Skoru Nas\u0131l Y\u00fckseltilir\" width=\"1150\" height=\"500\" title=\"\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 1150px; --smush-placeholder-aspect-ratio: 1150\/500;\"><noscript><img decoding=\"async\" class=\"alignnone wp-image-2761 size-full\" src=\"https:\/\/www.hostixo.com\/blog\/wp-content\/uploads\/2020\/11\/pagespeed-__insights-skorunuz-sitenizdeki-degisikliklere-bakilmaksizin-degisebilir.jpg\" alt=\"PageSpeed Insights Skoru Nas\u0131l Y\u00fckseltilir\" width=\"1150\" height=\"500\" title=\"\"><\/noscript><\/p>\n<p>Bu yaz\u0131m\u0131zda PageSpeed Insights skoru nas\u0131l y\u00fckseltilir sorusunu kapsaml\u0131 bir \u015fekilde a\u00e7\u0131klayaca\u011f\u0131z.<\/p>\n<aside id=\"sidebar-cta-mini\">\n<div id=\"sidebar-cta-mini-aligner\"><\/div>\n<\/aside>\n<h2 class=\"has-anchor-hash\"><span class=\"ez-toc-section\" id=\"Google_PageSpeed_%E2%80%8B%E2%80%8BInsightsa_Giris\"><\/span>Google PageSpeed \u200b\u200bInsights&#8217;a Giri\u015f<span id=\"an-introduction-to-google-pagespeed-insights\" class=\"anchor-hash\" aria-hidden=\"true\"><\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Google PageSpeed \u200b\u200bInsights, web sitesi performans\u0131n\u0131 test etmek i\u00e7in kullan\u0131lan bir ara\u00e7t\u0131r. Herhangi bir URL girebilir ve analiz etmenize yard\u0131mc\u0131 olmaktad\u0131r.<\/p>\n<div id=\"attachment_65561\" class=\"wp-caption alignnone\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-2726 lazyload\" data-src=\"https:\/\/www.hostixo.com\/blog\/wp-content\/uploads\/2020\/11\/google-pagespeed-insights-1.png\" alt=\"\" width=\"1500\" height=\"718\" title=\"\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 1500px; --smush-placeholder-aspect-ratio: 1500\/718;\"><noscript><img decoding=\"async\" class=\"alignnone size-full wp-image-2726\" src=\"https:\/\/www.hostixo.com\/blog\/wp-content\/uploads\/2020\/11\/google-pagespeed-insights-1.png\" alt=\"\" width=\"1500\" height=\"718\" title=\"\"><\/noscript><\/p>\n<p class=\"wp-caption-text\">Google PageSpeed \u200b\u200bInsights<\/p>\n<\/div>\n<p>Google daha sonra test etti\u011finiz web sitesi i\u00e7in en iyi performans optimizasyon uygulamalar\u0131na g\u00f6re 100 \u00fczerinden genel bir puan verir:<\/p>\n<div id=\"attachment_65567\" class=\"wp-caption alignnone\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-2727 lazyload\" data-src=\"https:\/\/www.hostixo.com\/blog\/wp-content\/uploads\/2020\/11\/pagespeed-insights-score-1.png\" alt=\"\" width=\"1500\" height=\"830\" title=\"\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 1500px; --smush-placeholder-aspect-ratio: 1500\/830;\"><noscript><img decoding=\"async\" class=\"alignnone size-full wp-image-2727\" src=\"https:\/\/www.hostixo.com\/blog\/wp-content\/uploads\/2020\/11\/pagespeed-insights-score-1.png\" alt=\"\" width=\"1500\" height=\"830\" title=\"\"><\/noscript><\/p>\n<p class=\"wp-caption-text\"><strong><em>Google PageSpeed \u200b\u200bInsights puan\u0131<\/em><\/strong><\/p>\n<\/div>\n<p>Bu sonucun yan\u0131 s\u0131ra, Google&#8217;dan performans\u0131n\u0131z\u0131 (ve dolay\u0131s\u0131yla PageSpeed \u200b\u200bInsights puan\u0131n\u0131z\u0131 da) nas\u0131l iyile\u015ftirece\u011finizle ilgili birka\u00e7 \u00f6neri de g\u00f6receksiniz:<\/p>\n<div id=\"attachment_65551\" class=\"wp-caption alignnone\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-2728 lazyload\" data-src=\"https:\/\/www.hostixo.com\/blog\/wp-content\/uploads\/2020\/11\/pagespeed-insight-recommendations-1.png\" alt=\"\" width=\"1500\" height=\"1197\" title=\"\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 1500px; --smush-placeholder-aspect-ratio: 1500\/1197;\"><noscript><img decoding=\"async\" class=\"alignnone size-full wp-image-2728\" src=\"https:\/\/www.hostixo.com\/blog\/wp-content\/uploads\/2020\/11\/pagespeed-insight-recommendations-1.png\" alt=\"\" width=\"1500\" height=\"1197\" title=\"\"><\/noscript><\/p>\n<p class=\"wp-caption-text\"><em><strong>Google PageSpeed \u200b\u200bInsights \u00f6nerileri<\/strong><\/em><\/p>\n<\/div>\n<p>2018 itibariyle, PageSpeed \u200b\u200bInsights puanlar\u0131 , Google&#8217;\u0131n web sayfalar\u0131n\u0131n genel kalitesini art\u0131rmak i\u00e7in a\u00e7\u0131k kaynakl\u0131 ve otomatikle\u015ftirilmi\u015f olan Lighthouse ile hesaplanmaktad\u0131r . PageSpeed \u200b\u200bInsights, sitenin performans\u0131, eri\u015filebilirli\u011fi, a\u015famal\u0131 web uygulamalar\u0131n\u0131 ve daha fazla fakt\u00f6r\u00fc de\u011ferlendirebilir.<\/p>\n<p>Lighthouse&#8217;un sitenizle ilgili kapsaml\u0131 de\u011ferlendirmesini g\u00f6rmek i\u00e7in\u00a0Google&#8217;\u0131n \u00d6l\u00e7\u00fc arac\u0131n\u0131 kullanabilirsiniz\u00a0:<\/p>\n<div id=\"attachment_65572\" class=\"wp-caption alignnone\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-2729 lazyload\" data-src=\"https:\/\/www.hostixo.com\/blog\/wp-content\/uploads\/2020\/11\/google-measure-1.png\" alt=\"\" width=\"1500\" height=\"898\" title=\"\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 1500px; --smush-placeholder-aspect-ratio: 1500\/898;\"><noscript><img decoding=\"async\" class=\"alignnone size-full wp-image-2729\" src=\"https:\/\/www.hostixo.com\/blog\/wp-content\/uploads\/2020\/11\/google-measure-1.png\" alt=\"\" width=\"1500\" height=\"898\" title=\"\"><\/noscript><\/p>\n<p class=\"wp-caption-text\"><em><strong>Google Web Y\u00f6neticileri \u00d6l\u00e7\u00fc denetim arac\u0131<\/strong><\/em><\/p>\n<\/div>\n<p>Google PageSpeed \u200b\u200bInsights&#8217;\u0131n \u00e7al\u0131\u015ft\u0131rd\u0131\u011f\u0131 gibi bir performans denetimi yapmaktad\u0131r ayr\u0131ca eri\u015filebilirlik\u011finiz i\u00e7in, en iyi uygulamalar\u0131n\u0131z i\u00e7in ve Arama Motoru Optimizasyonu (SEO) i\u00e7in puanlar al\u0131rs\u0131n\u0131z.<\/p>\n<h2 class=\"has-anchor-hash\"><span class=\"ez-toc-section\" id=\"Google_PageSpeed_%E2%80%8B%E2%80%8BInsightsta_100100_Puanlama\"><\/span>Google PageSpeed \u200b\u200bInsights&#8217;ta 100\/100 Puanlama\u00a0<span id=\"the-truth-about-scoring-100100-in-google-pagespeed-insights\" class=\"anchor-hash\" aria-hidden=\"true\"><\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>PageSpeed \u200b\u200bInsights puan\u0131 elde etme konusunda tak\u0131nt\u0131l\u0131 hale gelen bir\u00e7ok site sahibi ve geli\u015ftiricisi ne yaz\u0131k ki test sonu\u00e7lar\u0131ndan daha \u00f6nemli olan tavsiyeler k\u0131sm\u0131na dikkat etmemektedirler.<\/p>\n<p>Web sitenizin y\u00fckleme s\u00fcrelerini olabildi\u011fince iyile\u015ftirmek i\u00e7in \u00e7ok fazla \u00e7aba g\u00f6stermelisiniz. Google PageSpeed \u200b\u200bInsights&#8217;ta 100\/100 almak asl\u0131nda o kadar da \u00f6nemli de\u011fil.<\/p>\n<p>PageSpeed \u200b\u200bInsights&#8217;\u0131n aksine\u00a0Pingdom Ara\u00e7lar\u0131 , sitenizin performans\u0131n\u0131 \u00e7e\u015fitli konumlardan test etmenizi sa\u011flar:<\/p>\n<div id=\"attachment_65580\" class=\"wp-caption alignnone\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-2730 lazyload\" data-src=\"https:\/\/www.hostixo.com\/blog\/wp-content\/uploads\/2020\/11\/pingdom-tools-1.png\" alt=\"\" width=\"1500\" height=\"913\" title=\"\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 1500px; --smush-placeholder-aspect-ratio: 1500\/913;\"><noscript><img decoding=\"async\" class=\"alignnone size-full wp-image-2730\" src=\"https:\/\/www.hostixo.com\/blog\/wp-content\/uploads\/2020\/11\/pingdom-tools-1.png\" alt=\"\" width=\"1500\" height=\"913\" title=\"\"><\/noscript><\/p>\n<p class=\"wp-caption-text\"><em><strong>Pingdom Tools h\u0131z testi sonu\u00e7lar\u0131<\/strong><\/em><\/p>\n<\/div>\n<p>Ayr\u0131ca GTmetrix\u00a0\u00a0(PageSpeed Insights ve adresinin puanlar\u0131 birle\u015ftiren YSlow) Web Sayfas\u0131 Testi gibi platformlar\u0131 da kullanabilirsiniz. Muhtemelen, bu farkl\u0131 ara\u00e7lardaki puanlar\u0131n\u0131z tam olarak e\u015fle\u015fmeyecektir, bu da size bu say\u0131lar\u0131n ne kadar de\u011fi\u015fken olabilece\u011fini g\u00f6sterir.<\/p>\n<p><strong>Dedi\u011fimiz gibi asl\u0131nda \u00f6nemli olan web sitenizin ger\u00e7ek h\u0131z\u0131d\u0131r<\/strong>. Perspektife koymak i\u00e7in, PageSpeed \u200b\u200bInsights&#8217;ta 100\/100 puan\u0131 olmayan fakat ortalama y\u00fckleme s\u00fcreleri 500 milisaniyenin alt\u0131nda (ki bu son derece h\u0131zl\u0131!) olan siteler mevcuttur.<\/p>\n<p>H\u0131z optimizasyonuna yakla\u015f\u0131m\u0131n\u0131 etkilemesi gereken di\u011fer fakt\u00f6r, sitenizin alg\u0131lanan performans\u0131d\u0131r. Ziyaret\u00e7ileriniz Google PageSpeed \u200b\u200bInsights puan\u0131n\u0131z\u0131n ne oldu\u011fu ile ilgilenmezler. Sadece i\u00e7eri\u011finizin olabildi\u011fince \u00e7abuk g\u00f6r\u00fcnt\u00fclenmesi ile ilgilenirler.<\/p>\n<p>Sitenizin performans\u0131n\u0131 Google PageSpeed \u200b\u200bInsights ile test etmenin ger\u00e7ek amac\u0131, y\u00fcksek bir puan elde etmek de\u011fildir. Bunun yerine, sitenizde sorunlu noktalar bulmakt\u0131r, b\u00f6ylece onlar\u0131 optimize edebilir ve hem ger\u00e7ek hem de alg\u0131lanan y\u00fckleme s\u00fcrelerinizi k\u0131saltabilirsiniz..<\/p>\n<h2 class=\"has-anchor-hash\"><span class=\"ez-toc-section\" id=\"Google_PageSpeed_%E2%80%8B%E2%80%8BInsightsi_Nasil_Kullanir\"><\/span>Google, PageSpeed \u200b\u200bInsights&#8217;\u0131 Nas\u0131l Kullan\u0131r?<span id=\"how-google-uses-pagespeed-insights\" class=\"anchor-hash\" aria-hidden=\"true\"><\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Performans\u00a0, sitenizin Kullan\u0131c\u0131 Deneyimini (UX) etkilemenin yan\u0131 s\u0131ra SEO&#8217;da\u00a0da rol oynar. PageSpeed \u200b\u200bInsights&#8217;\u0131n d\u00fcnyan\u0131n en b\u00fcy\u00fck ve en pop\u00fcler arama motoru taraf\u0131ndan \u00e7al\u0131\u015ft\u0131r\u0131ld\u0131\u011f\u0131 g\u00f6z \u00f6n\u00fcne al\u0131nd\u0131\u011f\u0131nda, puan\u0131n\u0131z\u0131n Arama Motoru Sonu\u00e7lar\u0131 Sayfas\u0131 (SERP) s\u0131ralaman\u0131zda bir etkisi olabilece\u011fi d\u00fc\u015f\u00fcn\u00fclmektedir.<\/p>\n<p>Site h\u0131z\u0131, sade ve basit bir s\u0131ralama fakt\u00f6r\u00fcd\u00fcr. Performans testi puan\u0131n\u0131z size web sitenizin s\u0131ralamadaki konumunu g\u00f6sterir.<\/p>\n<p>Ancak Google, PageSpeed \u200b\u200bsonu\u00e7lar\u0131n\u0131z\u0131n \u00fcst k\u0131sm\u0131ndaki \u00e7emberde bulunan say\u0131dan daha fazlas\u0131n\u0131 dikkate al\u0131r. 100 \/ 100 puan almak, SERP&#8217;lerde \u00fcst s\u0131ralarda yer alman\u0131z\u0131n garantisini vermez.<\/p>\n<div class=\"in-post-container\">\n<div id=\"simple-promo\">\n<div class=\"mb--20 mt--0 heading--normal\">\n<p>SEO&#8217;nuzu geli\u015ftirirken PageSpeed \u200b\u200bInsights sonu\u00e7lar\u0131n\u0131z\u0131 \u00e7al\u0131\u015fmaya devam ettirebilirsiniz. \u00d6rne\u011fin, 2018&#8217;den beri, mobil sayfa h\u0131z\u0131\u00a0\u00a0Google i\u00e7in\u00a0bir s\u0131ralama fakt\u00f6r\u00fc\u00a0olmu\u015ftur.\u00a0Performans testinizin sitenizin hem masa\u00fcst\u00fc hem de mobil s\u00fcr\u00fcmleri i\u00e7in veri sa\u011flad\u0131\u011f\u0131n\u0131 fark edeceksiniz:<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div id=\"attachment_65577\" class=\"wp-caption alignnone\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-2731 lazyload\" data-src=\"https:\/\/www.hostixo.com\/blog\/wp-content\/uploads\/2020\/11\/pagespeed-insights-mobile-1.png\" alt=\"\" width=\"1500\" height=\"830\" title=\"\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 1500px; --smush-placeholder-aspect-ratio: 1500\/830;\"><noscript><img decoding=\"async\" class=\"alignnone size-full wp-image-2731\" src=\"https:\/\/www.hostixo.com\/blog\/wp-content\/uploads\/2020\/11\/pagespeed-insights-mobile-1.png\" alt=\"\" width=\"1500\" height=\"830\" title=\"\"><\/noscript><\/p>\n<p class=\"wp-caption-text\"><em><strong>Google PageSpeed \u200b\u200bInsights&#8217;ta Mobil sekmesi<\/strong><\/em><\/p>\n<\/div>\n<p>Ak\u0131ll\u0131 telefonlarda ve di\u011fer cihazlarda y\u00fckleme s\u00fcrelerini azaltmak i\u00e7in burada bulunan \u00f6nerileri kullanmak size rekabet avantaj\u0131 sa\u011flayacakt\u0131r.<\/p>\n<h2 class=\"has-anchor-hash\"><span class=\"ez-toc-section\" id=\"Google_PageSpeed_%E2%80%8B%E2%80%8BInsights_Onerileri_Performansi_Artirmanin_24_Yolu\"><\/span>Google PageSpeed \u200b\u200bInsights \u00d6nerileri (Performans\u0131 Art\u0131rman\u0131n 24 Yolu)<span id=\"google-pagespeed-insights-recommendations-24-ways-to-improve-performance\" class=\"anchor-hash\" aria-hidden=\"true\"><\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Yukar\u0131da Google PageSpeed \u200b\u200bInsights&#8217;\u0131n \u00f6nerileri ile ilgili bahsettiklerimiz puandan \u00e7ok\u00a0 daha \u00f6nemlidir. \u015eimdi bu \u00f6nerileri tek tek ele alaca\u011f\u0131z.<\/p>\n<p>Bu \u00f6nerileri a\u00e7\u0131klamadan \u00f6nce \u00e7o\u011fu ki\u015finin kar\u0131\u015ft\u0131rd\u0131\u011f\u0131 <strong>Alan Verileriniz<\/strong>\u00a0\u00a0ve\u00a0<strong>Laboratuvar Verileriniz<\/strong> aras\u0131ndaki fark\u0131 anlaman\u0131z gerekir\u00a0.<\/p>\n<p>Alan Verileriniz, sitenizi son 30 g\u00fcne ait Chrome Kullan\u0131c\u0131 Deneyimi Raporu&#8217;ndaki di\u011ferleriyle kar\u015f\u0131la\u015ft\u0131r\u0131r.<\/p>\n<p>Ortalama\u00a0\u0130lk Zengin \u0130\u00e7erikli Boyaman\u0131n (FCP)\u00a0\u00a0ve\u00a0\u0130lk Giri\u015f Gecikmesinin (FID)\u00a0nereye\u00a0d\u00fc\u015ft\u00fc\u011f\u00fcn\u00fc g\u00f6steren iki grafik de vard\u0131r:<\/p>\n<div id=\"attachment_65569\" class=\"wp-caption alignnone\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-2732 lazyload\" data-src=\"https:\/\/www.hostixo.com\/blog\/wp-content\/uploads\/2020\/11\/field-data-1.png\" alt=\"\" width=\"1500\" height=\"565\" title=\"\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 1500px; --smush-placeholder-aspect-ratio: 1500\/565;\"><noscript><img decoding=\"async\" class=\"alignnone size-full wp-image-2732\" src=\"https:\/\/www.hostixo.com\/blog\/wp-content\/uploads\/2020\/11\/field-data-1.png\" alt=\"\" width=\"1500\" height=\"565\" title=\"\"><\/noscript><\/p>\n<p class=\"wp-caption-text\"><em><strong>Google PageSpeed \u200b\u200bInsights Alan Verileri<\/strong><\/em><\/p>\n<\/div>\n<p>Yukar\u0131daki g\u00f6rselde, FCP&#8217;si y\u00fczde 75lik dilimdeki sitelerin y\u00fczde 45&#8217;iyle yakla\u015f\u0131k olarak ayn\u0131d\u0131r ve FID&#8217;miz y\u00fczde 95lik dilimin y\u00fczde 9&#8217;uyla yakla\u015f\u0131k olarak ayn\u0131 oldu\u011fu g\u00f6r\u00fclmektedir.<\/p>\n<p><strong>Laboratuvar Verileri<\/strong>, sim\u00fcle edilmi\u015f bir sayfa y\u00fcklemesi i\u00e7in belirli verileri g\u00f6sterir:<\/p>\n<div id=\"attachment_65571\" class=\"wp-caption alignnone\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-2762 lazyload\" data-src=\"https:\/\/www.hostixo.com\/blog\/wp-content\/uploads\/2020\/11\/Screenshot_1-1.png\" alt=\"\" width=\"755\" height=\"244\" title=\"\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 755px; --smush-placeholder-aspect-ratio: 755\/244;\"><noscript><img decoding=\"async\" class=\"alignnone size-full wp-image-2762\" src=\"https:\/\/www.hostixo.com\/blog\/wp-content\/uploads\/2020\/11\/Screenshot_1-1.png\" alt=\"\" width=\"755\" height=\"244\" title=\"\"><\/noscript><\/p>\n<p class=\"wp-caption-text\"><em><strong>Google PageSpeed \u200b\u200bInsights Lab Verileri<\/strong><\/em><\/p>\n<\/div>\n<p><strong>Alan Verilerimizin<\/strong>\u00a0ve\u00a0<strong>Laboratuvar Verilerimizin\u00a0<\/strong>\u00a0tam olarak e\u015fle\u015fmedi\u011fini\u00a0fark edeceksiniz\u00a0.\u00a0Bu tamamen normal.\u00a0<strong>Laboratuvar Verileri<\/strong>, sabit \u015fartlar alt\u0131nda olu\u015fturulan <strong>Alan Verileri<\/strong>\u00a0zamanla toplanan ger\u00e7ek y\u00fckleme h\u0131zlar\u0131n\u0131 kullan\u0131r.<\/p>\n<p>Birlikte bak\u0131ld\u0131\u011f\u0131nda,\u00a0<strong>Alan Verileri<\/strong>\u00a0\u00a0ve\u00a0<strong>Laboratuvar Verileri<\/strong> \u00a0size sitenizin ger\u00e7ek y\u00fckleme s\u00fcreleri hakk\u0131nda bir fikir vermelidir. Daha \u00f6nce de bahsetti\u011fimiz gibi, bu, genel PageSpeed \u200b\u200bpuan\u0131n\u0131zdan daha \u00f6nemlidir, bu nedenle bu say\u0131lara dikkat etmeniz gerekmektedir.<\/p>\n<p>Bu bilgileri anlad\u0131\u011f\u0131m\u0131za g\u00f6re, Google PageSpeed&#8217;in \u00f6nerileriyle sitenizin performans\u0131n\u0131 iyile\u015ftirmeye ba\u015flama zaman\u0131.<\/p>\n<h3 class=\"has-anchor-hash\">1. Olu\u015fturmay\u0131 Engelleyen Kaynaklar\u0131 Ortadan Kald\u0131r\u0131n<span id=\"1-eliminate-renderblocking-resources\" class=\"anchor-hash\" aria-hidden=\"true\"><\/span><\/h3>\n<p>Google PageSpeed \u200b\u200bInsights&#8217;\u0131n en yayg\u0131n \u00f6nerilerinden biri,\u00a0olu\u015fturmay\u0131 engelleyen kaynaklar\u0131 ortadan kald\u0131rmakt\u0131r:<\/p>\n<div id=\"attachment_65576\" class=\"wp-caption alignnone\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-2763 lazyload\" data-src=\"https:\/\/www.hostixo.com\/blog\/wp-content\/uploads\/2020\/11\/Screenshot_2-2.png\" alt=\"\" width=\"755\" height=\"268\" title=\"\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 755px; --smush-placeholder-aspect-ratio: 755\/268;\"><noscript><img decoding=\"async\" class=\"alignnone size-full wp-image-2763\" src=\"https:\/\/www.hostixo.com\/blog\/wp-content\/uploads\/2020\/11\/Screenshot_2-2.png\" alt=\"\" width=\"755\" height=\"268\" title=\"\"><\/noscript><\/p>\n<p class=\"wp-caption-text\"><em><strong>Olu\u015fturmay\u0131 engelleyen kaynaklar \u00f6nerisini ortadan kald\u0131r\u0131n.<\/strong><\/em><\/p>\n<\/div>\n<p>Bu, sayfan\u0131z\u0131n h\u0131zl\u0131 bir \u015fekilde y\u00fcklenmesini engelleyen JavaScript ve CSS komut dosyalar\u0131na at\u0131fta bulunur. Ziyaret\u00e7inin taray\u0131c\u0131s\u0131 sayfan\u0131n geri kalan\u0131n\u0131 g\u00f6r\u00fcnt\u00fcleyebilmesi i\u00e7in bu dosyalar\u0131 indirip i\u015flemelidir, bu nedenle \u00e7o\u011funun &#8216;ekran\u0131n \u00fcst k\u0131sm\u0131nda&#8217; olmas\u0131 sitenizin h\u0131z\u0131n\u0131 olumsuz y\u00f6nde etkileyebilir.<\/p>\n<p>Google s\u00f6z konusu oldu\u011funda, g\u00f6z \u00f6n\u00fcnde bulundurman\u0131z gereken iki \u00e7\u00f6z\u00fcm vard\u0131r:<\/p>\n<ul>\n<li>\u00c7ok fazla JavaScript veya\u00a0CSS dosyan\u0131z yoksa, bu uyar\u0131dan kurtulmak i\u00e7in bu dosyalar\u0131 sat\u0131r i\u00e7i kodlar\u0131n\u0131za gizleyerek i\u015flem yapabilirsiniz. Bu i\u015flem, JavaScript ve \/ veya CSS&#8217;nizi HTML dosyan\u0131za eklemeyi ifade eder. Bunu Autoptimize ad\u0131 verilen eklenti ile yapabilirsiniz . Ancak, bu sadece \u00e7ok k\u00fc\u00e7\u00fck siteler i\u00e7in ge\u00e7erlidir. \u00c7o\u011fu <a href=\"https:\/\/www.hostixo.com\/blog\/wordpress-nedir\/\" data-internallinksmanager029f6b8e52c=\"8\" title=\"wordpress\">WordPress<\/a>\u00a0sitesinde, bu y\u00f6ntemin sizi ger\u00e7ekten yava\u015flatabilece\u011fi kadar JavaScript vard\u0131r.<\/li>\n<li>Di\u011fer se\u00e7enek\u00a0JavaScript&#8217;inizi ertelemektir . Bu y\u00f6ntem, JavaScript dosyan\u0131z\u0131 HTML ayr\u0131\u015ft\u0131rma s\u0131ras\u0131nda indirir, ancak onu yaln\u0131zca ayr\u0131\u015ft\u0131rma tamamland\u0131ktan sonra \u00e7al\u0131\u015ft\u0131r\u0131r. Ayr\u0131ca, bu \u00f6zelli\u011fe sahip komut dosyalar\u0131 sayfada g\u00f6r\u00fcnme s\u0131ras\u0131na g\u00f6re y\u00fcr\u00fct\u00fcl\u00fcr.<\/li>\n<\/ul>\n<p>PageSpeed \u200b\u200bsonu\u00e7lar\u0131n\u0131zdaki \u00f6nerinin alt\u0131nda bu sorundan en \u00e7ok etkilenen kaynaklar\u0131n bir listesini g\u00f6receksiniz.<\/p>\n<h3 class=\"has-anchor-hash\">2. Kritik \u0130stekleri Zincirlemekten Ka\u00e7\u0131n\u0131n<span id=\"2-avoid-chaining-critical-requests\" class=\"anchor-hash\" aria-hidden=\"true\"><\/span><\/h3>\n<p>Kritik istekleri zincirleme kavram\u0131, Kritik Olu\u015fturma Yolu (CRP) ve taray\u0131c\u0131lar\u0131n sayfalar\u0131n\u0131z\u0131 nas\u0131l y\u00fckledi\u011fiyle ilgilidir. Yukar\u0131da bahsetti\u011fimiz JavaScript ve CSS gibi belirli \u00f6\u011feler, sayfan\u0131z g\u00f6r\u00fcn\u00fcr hale gelmeden \u00f6nce tamamen y\u00fcklenmesi gerekmektedir.<\/p>\n<p>Bu \u00f6nerinin bir par\u00e7as\u0131 olarak, Google PageSpeed \u200b\u200bInsights, analiz etti\u011finiz sayfadaki istek zincirlerini size g\u00f6sterecektir:<\/p>\n<div id=\"attachment_65573\" class=\"wp-caption alignnone\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-2733 lazyload\" data-src=\"https:\/\/www.hostixo.com\/blog\/wp-content\/uploads\/2020\/11\/avoid-chaining-requests-1.png\" alt=\"\" width=\"1496\" height=\"1302\" title=\"\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 1496px; --smush-placeholder-aspect-ratio: 1496\/1302;\"><noscript><img decoding=\"async\" class=\"alignnone size-full wp-image-2733\" src=\"https:\/\/www.hostixo.com\/blog\/wp-content\/uploads\/2020\/11\/avoid-chaining-requests-1.png\" alt=\"\" width=\"1496\" height=\"1302\" title=\"\"><\/noscript><\/p>\n<p class=\"wp-caption-text\"><em><strong>Zincirleme kritik istek \u00f6nerilerinden ka\u00e7\u0131n\u0131n<\/strong><\/em><\/p>\n<\/div>\n<p>Bu \u015fema, sayfan\u0131z g\u00f6r\u00fcn\u00fcr hale gelmeden \u00f6nce yerine getirilmesi gereken birbirine ba\u011f\u0131ml\u0131 \u00f6neri g\u00f6sterecektir. Ayr\u0131ca size her kayna\u011f\u0131n boyutunu da s\u00f6yleyecektir. \u0130deal olarak, ba\u011f\u0131ml\u0131 isteklerin say\u0131s\u0131n\u0131 ve boyutlar\u0131n\u0131 en aza indirmek istersiniz.<\/p>\n<p>Bu hedeflere ula\u015fmak i\u00e7in \u00e7e\u015fitli y\u00f6ntemler yer almaktad\u0131r.<\/p>\n<ul>\n<li>Olu\u015fturmay\u0131 engelleyen kaynaklar\u0131 ortadan kald\u0131rma<\/li>\n<li>Ekran d\u0131\u015f\u0131 g\u00f6r\u00fcnt\u00fcleri erteleme<\/li>\n<li>CSS ve JavaScript&#8217;i k\u00fc\u00e7\u00fcltme<\/li>\n<\/ul>\n<p>Ayr\u0131ca, CRP&#8217;yi k\u0131saltarak varl\u0131klar\u0131n y\u00fcklendi\u011fi s\u0131ray\u0131 optimize edebilirsiniz. Bu, ekran\u0131n \u00fcst k\u0131sm\u0131ndaki i\u00e7eri\u011fi HTML dosyan\u0131z\u0131n en \u00fcst\u00fcne ta\u015f\u0131nmas\u0131 anlam\u0131na gelir.<\/p>\n<p>Google PageSpeed \u200b\u200bInsights, di\u011fer bir\u00e7ok \u00f6nerisinin aksine, bu denetimi &#8216;ba\u015far\u0131l\u0131&#8217; veya &#8216;ba\u015far\u0131s\u0131z&#8217; olarak saymaz. Bu bilgiler, y\u00fckleme s\u00fcrelerini iyile\u015ftirmenize yard\u0131mc\u0131 olmak i\u00e7in sunulmu\u015ftur.<\/p>\n<h3 class=\"has-anchor-hash\">3. \u0130stek Say\u0131lar\u0131n\u0131 D\u00fc\u015f\u00fck ve Transfer Boyutlar\u0131n\u0131 K\u00fc\u00e7\u00fck Tutun<span id=\"3-keep-request-counts-low-and-transfer-sizes-small\" class=\"anchor-hash\" aria-hidden=\"true\"><\/span><\/h3>\n<p>Taray\u0131c\u0131lar\u0131n sayfalar\u0131n\u0131z\u0131 y\u00fcklemek i\u00e7in ne kadar \u00e7ok istek yapmas\u0131 gerekiyorsa ve sunucunuz yan\u0131t olarak ne kadar \u00e7ok kaynak g\u00f6nderirse, web sitenizin y\u00fcklenmesi o kadar uzun s\u00fcrer. Bu nedenle, Google&#8217;\u0131n gerekli istek say\u0131s\u0131n\u0131 en aza indirmenizi ve kaynaklar\u0131n\u0131z\u0131n boyutunu k\u00fc\u00e7\u00fcltmenizi tavsiye etmesi mant\u0131kl\u0131d\u0131r.<\/p>\n<p>Yap\u0131lan isteklerin say\u0131s\u0131n\u0131n ve boyutlar\u0131n\u0131n bir listesini g\u00f6receksiniz:<\/p>\n<div id=\"attachment_65581\" class=\"wp-caption alignnone\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-2734 lazyload\" data-src=\"https:\/\/www.hostixo.com\/blog\/wp-content\/uploads\/2020\/11\/request-counts-low-1.png\" alt=\"\" width=\"1500\" height=\"997\" title=\"\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 1500px; --smush-placeholder-aspect-ratio: 1500\/997;\"><noscript><img decoding=\"async\" class=\"alignnone size-full wp-image-2734\" src=\"https:\/\/www.hostixo.com\/blog\/wp-content\/uploads\/2020\/11\/request-counts-low-1.png\" alt=\"\" width=\"1500\" height=\"997\" title=\"\"><\/noscript><\/p>\n<p class=\"wp-caption-text\"><em><strong>\u0130stek say\u0131lar\u0131n\u0131 d\u00fc\u015f\u00fck tutun ve aktar\u0131m boyutlar\u0131 k\u00fc\u00e7\u00fck \u00f6neri<\/strong><\/em><\/p>\n<\/div>\n<p>Ak\u0131lda tutulmas\u0131 gereken ideal istek say\u0131s\u0131 veya maksimum boyut yoktur. Bunun yerine Google, bir performans b\u00fct\u00e7esi olu\u015fturarak bu standartlar\u0131 kendiniz belirlemenizi \u00f6nerir. A\u015fa\u011f\u0131daki gibi hususlarla ilgili olabilecek tan\u0131mlanm\u0131\u015f hedefler dizisi \u015fu \u015fekildedir:<\/p>\n<ul>\n<li>Maksimum g\u00f6r\u00fcnt\u00fc boyutlar\u0131<\/li>\n<li>Kullan\u0131lan web yaz\u0131 tipi say\u0131s\u0131<\/li>\n<li>Ka\u00e7 tane d\u0131\u015f kaynak kullan\u0131yorsunuz<\/li>\n<li>Komut dosyalar\u0131n\u0131n ve \u00e7er\u00e7evelerin boyutu<\/li>\n<\/ul>\n<p>Bir performans b\u00fct\u00e7esi olu\u015fturmak, kendinizi sorumlu tutman\u0131z i\u00e7in size bir dizi standart sa\u011flar. B\u00fct\u00e7enizi a\u015ft\u0131\u011f\u0131n\u0131zda, \u00f6nceden belirlenmi\u015f y\u00f6nergelerinize ba\u011fl\u0131 kalmak i\u00e7in kaynaklar\u0131 ortadan kald\u0131r\u0131p kald\u0131rmayaca\u011f\u0131n\u0131za veya optimize edip etmeme konusunda kararlar verebilirsiniz.<\/p>\n<h4 class=\"has-anchor-hash\">4. CSS dosyalar\u0131n\u0131 k\u00fc\u00e7\u00fclt\u00fcn<span id=\"4-minify-css\" class=\"anchor-hash\" aria-hidden=\"true\"><\/span><\/h4>\n<p>CSS dosyalar\u0131, insanlar\u0131n okumas\u0131n\u0131 kolayla\u015ft\u0131rmak i\u00e7in genellikle olandan daha b\u00fcy\u00fckt\u00fcr. Bilgisayarlar\u0131n i\u00e7eriklerini anlamas\u0131 i\u00e7in gerekli olmayan \u00e7e\u015fitli sat\u0131r ba\u015flar\u0131n\u0131 ve bo\u015fluklar\u0131 i\u00e7erebilirler.<\/p>\n<p>CSS dosyas\u0131n\u0131 k\u00fc\u00e7\u00fcltmek, gereksiz karakterleri, bo\u015fluklar\u0131 ve kopyalar\u0131 ortadan kald\u0131rarak dosyalar\u0131n\u0131z\u0131 yo\u011funla\u015ft\u0131rma i\u015flemidir. Google, CSS dosya boyutlar\u0131n\u0131z\u0131 azaltt\u0131\u011f\u0131 ve bu nedenle y\u00fckleme h\u0131z\u0131n\u0131 art\u0131rabilece\u011fi i\u00e7in bu uygulamay\u0131 \u00f6nermektedir:<\/p>\n<div id=\"attachment_65585\" class=\"wp-caption alignnone\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-2735 lazyload\" data-src=\"https:\/\/www.hostixo.com\/blog\/wp-content\/uploads\/2020\/11\/minify-css-1.png\" alt=\"\" width=\"1456\" height=\"382\" title=\"\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 1456px; --smush-placeholder-aspect-ratio: 1456\/382;\"><noscript><img decoding=\"async\" class=\"alignnone size-full wp-image-2735\" src=\"https:\/\/www.hostixo.com\/blog\/wp-content\/uploads\/2020\/11\/minify-css-1.png\" alt=\"\" width=\"1456\" height=\"382\" title=\"\"><\/noscript><\/p>\n<p class=\"wp-caption-text\"><em><strong>CSS \u00f6nerisini k\u00fc\u00e7\u00fclt\u00fcn.<\/strong><\/em><\/p>\n<\/div>\n<p>CSS dosyalar\u0131n\u0131z\u0131 k\u00fc\u00e7\u00fcltmek i\u00e7in\u00a0Autoptimize\u00a0veya\u00a0WP Rocket gibi bir eklenti kullanabilirsiniz.<\/p>\n<h3 class=\"has-anchor-hash\">5. JavaScript&#8217;\u0131 k\u00fc\u00e7\u00fclt\u00fcn<span id=\"5-minify-javascript\" class=\"anchor-hash\" aria-hidden=\"true\"><\/span><\/h3>\n<p>T\u0131pk\u0131 k\u00fc\u00e7\u00fcltme yoluyla CSS dosya boyutunu k\u00fc\u00e7\u00fcltme i\u015flemi, JavaScript dosyalar\u0131n\u0131z i\u00e7in de ge\u00e7erlidir:<\/p>\n<div id=\"attachment_65556\" class=\"wp-caption alignnone\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-2736 lazyload\" data-src=\"https:\/\/www.hostixo.com\/blog\/wp-content\/uploads\/2020\/11\/minify-javascript-1.png\" alt=\"\" width=\"1456\" height=\"380\" title=\"\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 1456px; --smush-placeholder-aspect-ratio: 1456\/380;\"><noscript><img decoding=\"async\" class=\"alignnone size-full wp-image-2736\" src=\"https:\/\/www.hostixo.com\/blog\/wp-content\/uploads\/2020\/11\/minify-javascript-1.png\" alt=\"\" width=\"1456\" height=\"380\" title=\"\"><\/noscript><\/p>\n<p class=\"wp-caption-text\"><strong><em>JavaScript \u00f6nerisini k\u00fc\u00e7\u00fclt\u00fcn.<\/em><\/strong><\/p>\n<\/div>\n<p>Autoptimize veya WP Rocket, bu g\u00f6revi WordPress siteniz i\u00e7in de yapabilir.<\/p>\n<h3 class=\"has-anchor-hash\">6. Kullan\u0131lmayan CSS dosyalar\u0131n\u0131 kald\u0131r\u0131n<span id=\"6-remove-unused-css\" class=\"anchor-hash\" aria-hidden=\"true\"><\/span><\/h3>\n<p>Stil sayfan\u0131zdaki herhangi bir kod, sayfan\u0131z\u0131n kullan\u0131c\u0131lar taraf\u0131ndan g\u00f6r\u00fclebilmesi i\u00e7in y\u00fcklenmesi gereken i\u00e7eriktir. Sitenizde ger\u00e7ekten kullan\u0131\u015fl\u0131 olmayan CSS dosyas\u0131 varsa, performans\u0131n\u0131z\u0131 gereksiz yere d\u00fc\u015f\u00fcr\u00fcr.<\/p>\n<p>Bu nedenle Google,\u00a0kullan\u0131lmayan CSS&#8217;lerin kald\u0131r\u0131lmas\u0131n\u0131\u00a0\u00f6nerir\u00a0:<\/p>\n<div id=\"attachment_65563\" class=\"wp-caption alignnone\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-2737 lazyload\" data-src=\"https:\/\/www.hostixo.com\/blog\/wp-content\/uploads\/2020\/11\/remove-unused-css-1.png\" alt=\"\" width=\"1452\" height=\"552\" title=\"\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 1452px; --smush-placeholder-aspect-ratio: 1452\/552;\"><noscript><img decoding=\"async\" class=\"alignnone size-full wp-image-2737\" src=\"https:\/\/www.hostixo.com\/blog\/wp-content\/uploads\/2020\/11\/remove-unused-css-1.png\" alt=\"\" width=\"1452\" height=\"552\" title=\"\"><\/noscript><\/p>\n<p class=\"wp-caption-text\"><strong>Kullan\u0131lmayan CSS \u00f6nerisini kald\u0131r\u0131n.<\/strong><\/p>\n<\/div>\n<p>Buradaki \u00e7\u00f6z\u00fcm, temelde olu\u015fturmay\u0131 engelleyen CSS&#8217;yi ortadan kald\u0131rmak i\u00e7in olanla ayn\u0131d\u0131r. Sayfalar\u0131n\u0131z i\u00e7in en mant\u0131kl\u0131 olan \u015fekilde stilleri sat\u0131r i\u00e7i veya erteleyebilirsiniz.\u00a0\u00a0Optimize edilmesi gereken kullan\u0131lmayan CSS&#8217;yi bulmak\u00a0\u00a0i\u00e7in Chrome DevTools gibi bir ara\u00e7 da kullanabilirsiniz .<\/p>\n<h3 class=\"has-anchor-hash\">7. Ana \u0130\u015f Par\u00e7ac\u0131\u011f\u0131 \u00c7al\u0131\u015fmas\u0131n\u0131 En Aza \u0130ndirin<span id=\"7-minimize-mainthread-work\" class=\"anchor-hash\" aria-hidden=\"true\"><\/span><\/h3>\n<p>&#8216;Ana i\u015f par\u00e7ac\u0131\u011f\u0131&#8217;, bir kullan\u0131c\u0131n\u0131n taray\u0131c\u0131s\u0131n\u0131n, kodu ziyaret\u00e7ilerin etkile\u015fim kurabilece\u011fi bir web sayfas\u0131na d\u00f6n\u00fc\u015ft\u00fcrmekten sorumlu olan \u00f6nemli bir \u00f6\u011fesidir. HTML, CSS ve JavaScript&#8217;i ayr\u0131\u015ft\u0131r\u0131r ve \u00e7al\u0131\u015ft\u0131r\u0131r. Ek olarak, kullan\u0131c\u0131 etkile\u015fimlerini y\u00f6netmekten sorumludur.<\/p>\n<p>Bu, ana i\u015f par\u00e7ac\u0131\u011f\u0131 sitenizin kodu \u00fczerinde \u00e7al\u0131\u015f\u0131rken, kullan\u0131c\u0131 isteklerini de kar\u015f\u0131layamayaca\u011f\u0131 anlam\u0131na gelir.\u00a0Sitenizin ana i\u015f par\u00e7ac\u0131\u011f\u0131 \u00e7al\u0131\u015fmas\u0131 \u00e7ok uzun s\u00fcrerse, bu zay\u0131f UX ve yava\u015f sayfa y\u00fckleme s\u00fcrelerine neden olabilir.<\/p>\n<p>Google PageSpeed, ana i\u015f par\u00e7ac\u0131\u011f\u0131 \u00e7al\u0131\u015fmas\u0131n\u0131 tamamlamas\u0131 ve kullan\u0131labilir bir web sayfas\u0131 sunmas\u0131 d\u00f6rt saniyeden uzun s\u00fcren sayfalar\u0131 i\u015faretler:<\/p>\n<div id=\"attachment_65582\" class=\"wp-caption alignnone\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-2738 lazyload\" data-src=\"https:\/\/www.hostixo.com\/blog\/wp-content\/uploads\/2020\/11\/minimize-mainthread-work-1.png\" alt=\"\" width=\"1452\" height=\"254\" title=\"\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 1452px; --smush-placeholder-aspect-ratio: 1452\/254;\"><noscript><img decoding=\"async\" class=\"alignnone size-full wp-image-2738\" src=\"https:\/\/www.hostixo.com\/blog\/wp-content\/uploads\/2020\/11\/minimize-mainthread-work-1.png\" alt=\"\" width=\"1452\" height=\"254\" title=\"\"><\/noscript><\/p>\n<p class=\"wp-caption-text\"><strong>Ana i\u015f par\u00e7ac\u0131\u011f\u0131 \u00e7al\u0131\u015fma \u00f6nerisini en aza indirin.<\/strong><\/p>\n<\/div>\n<p>Ana i\u015f par\u00e7ac\u0131\u011f\u0131 \u00e7al\u0131\u015fmas\u0131n\u0131 azaltmak i\u00e7in kullan\u0131lan y\u00f6ntemlerden baz\u0131lar\u0131 \u015funlard\u0131r:<\/p>\n<ul>\n<li>Kodu k\u00fc\u00e7\u00fcltme<\/li>\n<li>Kullan\u0131lmayan kodu kald\u0131rma<\/li>\n<li>\u00d6nbelle\u011fe alma, uygulama<\/li>\n<\/ul>\n<p>Bununla birlikte, kod b\u00f6lmeyi de d\u00fc\u015f\u00fcnebilirsiniz.\u00a0Bu s\u00fcre\u00e7, taray\u0131c\u0131lar\u0131n sayfa etkile\u015fimli hale gelmeden \u00f6nce hepsini y\u00fcklemesini gerektirmek yerine, JavaScript&#8217;inizi ihtiya\u00e7 duyuldu\u011funda y\u00fcr\u00fct\u00fclen paketlere ay\u0131rmay\u0131 i\u00e7erir.<\/p>\n<p>Webpack, genellikle kod b\u00f6lmeyi uygulamak i\u00e7in kullan\u0131lmaktad\u0131r.<\/p>\n<h3 class=\"has-anchor-hash\">8. JavaScript Y\u00fcr\u00fctme S\u00fcresini Azalt\u0131n<span id=\"8-reduce-javascript-execution-time\" class=\"anchor-hash\" aria-hidden=\"true\"><\/span><\/h3>\n<p>JavaScript y\u00fcr\u00fctme, genellikle ana i\u015f par\u00e7ac\u0131\u011f\u0131 \u00e7al\u0131\u015fmas\u0131na en \u00f6nemli katk\u0131y\u0131 sa\u011flar. PageSpeed \u200b\u200bInsights, bu g\u00f6revin sitenizin performans\u0131 \u00fczerinde \u00f6nemli bir etkisi varsa sizi uyarmak i\u00e7in ayr\u0131 bir \u00f6neriye sahiptir:<\/p>\n<div id=\"attachment_65579\" class=\"wp-caption alignnone\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-2739 lazyload\" data-src=\"https:\/\/www.hostixo.com\/blog\/wp-content\/uploads\/2020\/11\/reduce-javascript-execution-1.png\" alt=\"\" width=\"1452\" height=\"254\" title=\"\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 1452px; --smush-placeholder-aspect-ratio: 1452\/254;\"><noscript><img decoding=\"async\" class=\"alignnone size-full wp-image-2739\" src=\"https:\/\/www.hostixo.com\/blog\/wp-content\/uploads\/2020\/11\/reduce-javascript-execution-1.png\" alt=\"\" width=\"1452\" height=\"254\" title=\"\"><\/noscript><\/p>\n<p class=\"wp-caption-text\"><strong>JavaScript y\u00fcr\u00fctme s\u00fcresi \u00f6nerisini azalt\u0131n<\/strong><\/p>\n<\/div>\n<p>Yukar\u0131da ana i\u015f par\u00e7ac\u0131\u011f\u0131 \u00e7al\u0131\u015fmas\u0131n\u0131 azaltmak i\u00e7in \u00f6nerilen y\u00f6ntemler de Sayfa H\u0131z\u0131 sonu\u00e7lar\u0131n\u0131zdaki bu uyar\u0131y\u0131 \u00e7\u00f6zmelidir.<\/p>\n<h3 class=\"has-anchor-hash\">9. Sunucu Yan\u0131t S\u00fcrelerini (TTFB) Azalt\u0131n<span id=\"9-reduce-server-response-times-ttfb\" class=\"anchor-hash\" aria-hidden=\"true\"><\/span><\/h3>\n<p>\u0130lk Bayt S\u00fcresi (TTFB), bir taray\u0131c\u0131n\u0131n bir istekte bulunduktan sonra sitenizin sunucusundan ilk veri bayt\u0131n\u0131 geri almas\u0131n\u0131n ne kadar s\u00fcrd\u00fc\u011f\u00fcn\u00fcn bir \u00f6l\u00e7\u00fcs\u00fcd\u00fcr. Bu, genel site h\u0131z\u0131n\u0131zla ayn\u0131 olmasa da, d\u00fc\u015f\u00fck bir TTFB&#8217;ye sahip olmak sitenizin performans\u0131nda g\u00f6zle g\u00f6r\u00fcl\u00fcr bir iyile\u015ftirme sa\u011flayacakt\u0131r.<\/p>\n<p>Bu nedenle, <a href=\"https:\/\/www.hostixo.com\/sunucu\/sanal-sunucu\/\" data-internallinksmanager029f6b8e52c=\"3\" title=\"vps sat\u0131n al\">sunucu<\/a> yan\u0131t s\u00fcrelerinin k\u0131salt\u0131lmas\u0131, Google PageSpeed \u200b\u200bInsights&#8217;\u0131n \u00f6nerileri aras\u0131ndad\u0131r.\u00a0D\u00fc\u015f\u00fck bir TTFB elde edebiliyorsan\u0131z, \u015fu mesaj\u0131 Ba\u015far\u0131l\u0131\u00a0<strong>denetimler<\/strong>\u00a0alt\u0131nda g\u00f6r\u00fcrs\u00fcn\u00fcz\u00a0:<\/p>\n<div id=\"attachment_65566\" class=\"wp-caption alignnone\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-2764 lazyload\" data-src=\"https:\/\/www.hostixo.com\/blog\/wp-content\/uploads\/2020\/11\/Screenshot_3.png\" alt=\"\" width=\"753\" height=\"216\" title=\"\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 753px; --smush-placeholder-aspect-ratio: 753\/216;\"><noscript><img decoding=\"async\" class=\"alignnone size-full wp-image-2764\" src=\"https:\/\/www.hostixo.com\/blog\/wp-content\/uploads\/2020\/11\/Screenshot_3.png\" alt=\"\" width=\"753\" height=\"216\" title=\"\"><\/noscript><\/p>\n<p class=\"wp-caption-text\"><strong>Sunucu yan\u0131t s\u00fcreleri d\u00fc\u015f\u00fck mesaj\u0131d\u0131r.<\/strong><\/p>\n<\/div>\n<p>TTFB&#8217;nizi etkileyebilecek birka\u00e7 fakt\u00f6r vard\u0131r. D\u00fc\u015f\u00fcrmek i\u00e7in baz\u0131 stratejiler a\u015fa\u011f\u0131daki gibidir.<\/p>\n<ul>\n<li>Y\u00fcksek kaliteli bir web bar\u0131nd\u0131rma sa\u011flay\u0131c\u0131s\u0131\u00a0se\u00e7mek<\/li>\n<li>Hafif temalar ve eklentiler kullanma<\/li>\n<li>Sitenizde y\u00fckl\u00fc eklenti say\u0131s\u0131n\u0131 azaltmak<\/li>\n<li>Bir \u0130\u00e7erik Da\u011f\u0131t\u0131m A\u011f\u0131 (CDN) Kullanma<\/li>\n<li>Taray\u0131c\u0131 \u00f6nbelle\u011fini uygulama<\/li>\n<li>Sa\u011flam bir <a href=\"https:\/\/www.hostixo.com\/domain\/alan-adi-kaydi\/\" data-internallinksmanager029f6b8e52c=\"9\" title=\"domain sorgula\">Alan Ad\u0131<\/a> Sistemi (DNS) sa\u011flay\u0131c\u0131s\u0131n\u0131n se\u00e7ilmesi<\/li>\n<\/ul>\n<p>Bizim\u00a0TTFB \u00fczerinde yaz\u0131lan \u00a0bu alanda optimizasyon hakk\u0131nda daha fazla ayr\u0131nt\u0131 i\u00e7in m\u00fckemmel bir kaynakt\u0131r.<\/p>\n<h3 class=\"has-anchor-hash\">10. Resimleri Uygun \u015eekilde Boyutland\u0131r\u0131n<span id=\"10-properly-size-images\" class=\"anchor-hash\" aria-hidden=\"true\"><\/span><\/h3>\n<p>G\u00f6r\u00fcnt\u00fcler gibi medya dosyalar\u0131, sitenizin performans\u0131n\u0131 ger\u00e7ek anlamda etkileyebilir.\u00a0Bunlar\u0131 do\u011fru \u015fekilde boyutland\u0131rmak, y\u00fckleme s\u00fcrelerinizi azaltman\u0131n basit bir yoludur:<\/p>\n<div id=\"attachment_65564\" class=\"wp-caption alignnone\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-2740 lazyload\" data-src=\"https:\/\/www.hostixo.com\/blog\/wp-content\/uploads\/2020\/11\/properly-size-images-1.png\" alt=\"\" width=\"1458\" height=\"512\" title=\"\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 1458px; --smush-placeholder-aspect-ratio: 1458\/512;\"><noscript><img decoding=\"async\" class=\"alignnone size-full wp-image-2740\" src=\"https:\/\/www.hostixo.com\/blog\/wp-content\/uploads\/2020\/11\/properly-size-images-1.png\" alt=\"\" width=\"1458\" height=\"512\" title=\"\"><\/noscript><\/p>\n<p class=\"wp-caption-text\"><strong>Uygun boyutta g\u00f6rseller \u00f6nerisi.<\/strong><\/p>\n<\/div>\n<p>Sayfan\u0131z olmas\u0131 gerekenden daha b\u00fcy\u00fck resimler i\u00e7eriyorsa, bunlar\u0131 uygun \u015fekilde yeniden boyutland\u0131rmak i\u00e7in CSS kullan\u0131l\u0131r.\u00a0Bu, g\u00f6r\u00fcnt\u00fcleri ba\u015flang\u0131\u00e7ta do\u011fru boyutta y\u00fcklemekten daha uzun s\u00fcrer ve bu nedenle sayfan\u0131z\u0131n performans\u0131n\u0131 etkiler.<\/p>\n<p>Bunu d\u00fczeltmek i\u00e7in uygun boyutlarda resimler y\u00fckleyebilir veya &#8216;duyarl\u0131 resimler&#8217; kullanabilirsiniz.\u00a0Bu, \u00e7e\u015fitli cihazlar i\u00e7in farkl\u0131 boyutlu g\u00f6r\u00fcnt\u00fcler olu\u015fturmay\u0131 i\u00e7erir.<\/p>\n<p><strong>&lt;img&gt;<\/strong> etiketleri farkl\u0131 boyutlarda alternatif g\u00f6r\u00fcnt\u00fc dosyalar\u0131n\u0131 belirtmek i\u00e7in srcset niteli\u011fi ekleyerek kendin de yapabilirsin. Taray\u0131c\u0131lar bu listeyi okuyabilir, mevcut ekran i\u00e7in hangi se\u00e7ene\u011fin en iyi oldu\u011funu belirleyebilir ve g\u00f6r\u00fcnt\u00fcn\u00fcz\u00fcn o s\u00fcr\u00fcm\u00fcn\u00fc sunabilir.<\/p>\n<p>\u00d6rne\u011fin, bir ba\u015fl\u0131k resminiz varsa ve onu duyarl\u0131 hale getirmek istiyorsan\u0131z. 800, 480 ve 320 piksel geni\u015fli\u011finde \u00fc\u00e7 versiyonunu y\u00fckleyebilirsiniz. Sonra <strong>srcset<\/strong>\u00a0\u00a0\u00f6zelli\u011fini\u00a0\u015fu \u015fekilde uygulars\u0131n\u0131z\u00a0:<\/p>\n<pre class=\" language-html\"><code class=\" language-html\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>img <span class=\"token attr-name\">srcset<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=<\/span><span class=\"token punctuation\">\"<\/span>header-image-800w.jpg 880w,\r\n\t\tHeader-image-480w.jpg 480w,\r\n\t\tHeader-image-320w.jpg 320w<span class=\"token punctuation\">\"<\/span><\/span>\r\n\t<span class=\"token attr-name\">sizes<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=<\/span><span class=\"token punctuation\">\"<\/span>(max-width: 320px) 280px,\r\n\t\t(max-width: 480px) 440px,\r\n\t\t800px<span class=\"token punctuation\">\"<\/span><\/span>\r\n\t<span class=\"token attr-name\">src<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=<\/span><span class=\"token punctuation\">\"<\/span>header-image-800w.jpg<span class=\"token punctuation\">\"<\/span><\/span><span class=\"token punctuation\">&gt;<\/span><\/span><\/code><\/pre>\n<p><strong>Srcset<\/strong> \u00a0niteli\u011fi farkl\u0131 mevcut dosyalar\u0131 belirtir ve boyutlar\u0131 \u00f6zellikleri ge\u00e7erli olan ekran boyutuna g\u00f6re kullan\u0131lmas\u0131 gereken taray\u0131c\u0131lar\u0131 g\u00f6sterir.<\/p>\n<h3 class=\"has-anchor-hash\">11. Ekran D\u0131\u015f\u0131 G\u00f6r\u00fcnt\u00fcleri Ertele<span id=\"11-defer-offscreen-images\" class=\"anchor-hash\" aria-hidden=\"true\"><\/span><\/h3>\n<p>Ekran d\u0131\u015f\u0131 g\u00f6r\u00fcnt\u00fcleri erteleme i\u015flemi daha yayg\u0131n olarak &#8216;ge\u00e7 y\u00fckleme&#8217; olarak bilinir. Bu, taray\u0131c\u0131n\u0131n ekran\u0131n \u00fcst k\u0131sm\u0131ndaki i\u00e7eri\u011fi g\u00f6r\u00fcnt\u00fclemeden \u00f6nce bir sayfadaki her resmi y\u00fcklemesini sa\u011flamak yerine, sadece hemen g\u00f6r\u00fclebilen sayfalar\u0131 y\u00fckleyece\u011fi anlam\u0131na gelir.<\/p>\n<p>Sayfa g\u00f6r\u00fcn\u00fcr hale gelmeden \u00f6nce daha az y\u00fckleme, daha iyi performans anlam\u0131na gelir, bu nedenle Google \u015fu y\u00f6ntemi \u00f6nermektedir:<\/p>\n<div id=\"attachment_65554\" class=\"wp-caption alignnone\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-2741 lazyload\" data-src=\"https:\/\/www.hostixo.com\/blog\/wp-content\/uploads\/2020\/11\/defer-offscreen-images-1.png\" alt=\"\" width=\"1452\" height=\"416\" title=\"\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 1452px; --smush-placeholder-aspect-ratio: 1452\/416;\"><noscript><img decoding=\"async\" class=\"alignnone size-full wp-image-2741\" src=\"https:\/\/www.hostixo.com\/blog\/wp-content\/uploads\/2020\/11\/defer-offscreen-images-1.png\" alt=\"\" width=\"1452\" height=\"416\" title=\"\"><\/noscript><\/p>\n<p class=\"wp-caption-text\"><strong>Ekran d\u0131\u015f\u0131 resim \u00f6nerilerini erteleyin.<\/strong><\/p>\n<\/div>\n<p>WP Rocket taraf\u0131ndan\u00a0a3 Lazy Load\u00a0\u00a0ve\u00a0\u00a0Lazy Load dahil olmak \u00fczere, \u00f6zellikle yava\u015f y\u00fckleme i\u00e7in yap\u0131lm\u0131\u015f birka\u00e7 WordPress eklentisi vard\u0131r . Autoptimize\u00a0gibi \u00e7e\u015fitli g\u00f6r\u00fcnt\u00fc ve performans optimizasyon eklentileri\u00a0de yava\u015f y\u00fckleme \u00f6zelliklerine sahiptir.<\/p>\n<h3 class=\"has-anchor-hash\">12. G\u00f6r\u00fcnt\u00fcleri Etkili \u015eekilde Kodlay\u0131n<span id=\"12-efficiently-encode-images\" class=\"anchor-hash\" aria-hidden=\"true\"><\/span><\/h3>\n<p>Yaz\u0131m\u0131zda az \u00f6nce bahsetti\u011fimiz gibi, g\u00f6rseller sitenizin performans\u0131 \u00fczerinde \u00f6nemli bir etkiye sahiptir. G\u00f6z \u00f6n\u00fcnde bulundurmak\u00a0isteyebilece\u011finiz en temel optimizasyon uygulamalar\u0131ndan biri,\u00a0daha h\u0131zl\u0131 y\u00fcklenmeleri i\u00e7in dosya boyutlar\u0131n\u0131z\u0131 azaltman\u0131za yard\u0131mc\u0131 olabilecek\u00a0s\u0131k\u0131\u015ft\u0131rmad\u0131r\u00a0.\u00a0Ayr\u0131ca, Google&#8217;\u0131n\u00a0<strong>resimleri verimli bir \u015fekilde kodlama<\/strong>\u00a0\u00f6nerisini takip etmenin birincil y\u00f6ntemidir\u00a0:<\/p>\n<div id=\"attachment_65568\" class=\"wp-caption alignnone\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-2742 lazyload\" data-src=\"https:\/\/www.hostixo.com\/blog\/wp-content\/uploads\/2020\/11\/efficiently-encode-images-1.png\" alt=\"\" width=\"1454\" height=\"336\" title=\"\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 1454px; --smush-placeholder-aspect-ratio: 1454\/336;\"><noscript><img decoding=\"async\" class=\"alignnone size-full wp-image-2742\" src=\"https:\/\/www.hostixo.com\/blog\/wp-content\/uploads\/2020\/11\/efficiently-encode-images-1.png\" alt=\"\" width=\"1454\" height=\"336\" title=\"\"><\/noscript><\/p>\n<p class=\"wp-caption-text\"><strong>G\u00f6r\u00fcnt\u00fc \u00f6nerilerini verimli bir \u015fekilde kodlay\u0131n<\/strong><\/p>\n<\/div>\n<p>\u00d6nemli olan, g\u00f6r\u00fcnt\u00fclerin kalitesinden \u00f6d\u00fcn vermeden m\u00fcmk\u00fcn olan en k\u00fc\u00e7\u00fck dosya boyutlar\u0131n\u0131 elde etmektir. Bu i\u015flemde Imagify\u00a0\u00a0ve\u00a0Smush gibi eklentiler size yard\u0131mc\u0131 olabilir.<\/p>\n<p>G\u00f6r\u00fcnt\u00fcleri verimli bir \u015fekilde kodlay\u0131n denetimini &#8216;ge\u00e7ip ge\u00e7medi\u011finizi&#8217; veya &#8216;ba\u015far\u0131s\u0131z&#8217; olman\u0131z\u0131 etkileyen di\u011fer \u00f6neriler \u015funlard\u0131r:<\/p>\n<ul>\n<li>Resimleri do\u011fru boyutta sunmak<\/li>\n<li>Ge\u00e7 y\u00fcklemeyi uygulama (ekran d\u0131\u015f\u0131 g\u00f6r\u00fcnt\u00fcleri erteleme)<\/li>\n<li>G\u00f6r\u00fcnt\u00fcleri WebP gibi yeni nesil dosya formatlar\u0131na d\u00f6n\u00fc\u015ft\u00fcrme<\/li>\n<li>GIF&#8217;ler gibi animasyonlu i\u00e7erik i\u00e7in video formatlar\u0131n\u0131 kullanma<\/li>\n<\/ul>\n<h3 class=\"has-anchor-hash\">13. G\u00f6r\u00fcnt\u00fcleri Yeni Nesil Bi\u00e7imlerde Sunun<span id=\"13-serve-image-in-nextgen-formats\" class=\"anchor-hash\" aria-hidden=\"true\"><\/span><\/h3>\n<p>Di\u011ferlerinden daha h\u0131zl\u0131 y\u00fcklenen baz\u0131 g\u00f6r\u00fcnt\u00fc dosyas\u0131 bi\u00e7imleri vard\u0131r.\u00a0Maalesef bunlar yayg\u0131n olarak g\u00f6r\u00fclen\u00a0<strong>PNG<\/strong>\u00a0\u00a0veya\u00a0<strong>JPEG<\/strong>\u00a0\u00a0bi\u00e7imleriniz de\u011fil.\u00a0<strong>WebP<\/strong>\u00a0\u00a0resimleri\u00a0\u00a0yeni standart haline geliyor ve Google PageSpeed,\u00a0resimleriniz\u00a0buna\u00a0<strong>uymuyorsa<\/strong> sizi \u015fu \u015fekilde bilgilendirecektir:<\/p>\n<div id=\"attachment_65562\" class=\"wp-caption alignnone\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-2743 lazyload\" data-src=\"https:\/\/www.hostixo.com\/blog\/wp-content\/uploads\/2020\/11\/images-nextgen-formats-1.png\" alt=\"\" width=\"1452\" height=\"368\" title=\"\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 1452px; --smush-placeholder-aspect-ratio: 1452\/368;\"><noscript><img decoding=\"async\" class=\"alignnone size-full wp-image-2743\" src=\"https:\/\/www.hostixo.com\/blog\/wp-content\/uploads\/2020\/11\/images-nextgen-formats-1.png\" alt=\"\" width=\"1452\" height=\"368\" title=\"\"><\/noscript><\/p>\n<p class=\"wp-caption-text\"><strong>G\u00f6r\u00fcnt\u00fcleri yeni nesil formatlarda sunma \u00f6nerisi.<\/strong><\/p>\n<\/div>\n<p>WordPress sitenizde zaten \u00e7ok say\u0131da g\u00f6rseliniz oldu\u011fundan, kar\u015f\u0131lanmas\u0131 zor bir \u00f6neri gibi g\u00f6r\u00fcnebilir. Neyse ki bu sorun i\u00e7in yard\u0131mc\u0131 olabilecek eklentiler bulunmaktad\u0131r. \u00d6rne\u011fin, Imagify ve Smush her ikisi de bir WebP d\u00f6n\u00fc\u015ft\u00fcrme \u00f6zelli\u011fi sunar.<\/p>\n<h3 class=\"has-anchor-hash\">14. Animasyonlu \u0130\u00e7erik i\u00e7in Video Bi\u00e7imlerini Kullan\u0131n<span id=\"14-use-video-formats-for-animated-content\" class=\"anchor-hash\" aria-hidden=\"true\"><\/span><\/h3>\n<p>GIF&#8217;ler, \u00e7e\u015fitli durumlarda etkili bir g\u00f6rsel i\u00e7erik bi\u00e7imi olabilir . \u00d6\u011fretici k\u0131lavuzlar, \u00f6zellik incelemeleri ve hatta komik animasyonlar, g\u00f6nderilerinizi y\u00fckseltebilir ve okuyucular i\u00e7in daha e\u011flenceli ve de\u011ferli hale gelebilir.<\/p>\n<p>Maalesef, bu avantajlar\u0131n performans\u0131n\u0131z i\u00e7in bir maliyeti vard\u0131r. GIF&#8217;lerin y\u00fcklenmesi talep edildi\u011finden, PageSpeed \u200b\u200bInsights bunun yerine video i\u00e7eri\u011fi sunmay\u0131 \u00f6nerir:<\/p>\n<div id=\"attachment_65575\" class=\"wp-caption alignnone\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-2744 lazyload\" data-src=\"https:\/\/www.hostixo.com\/blog\/wp-content\/uploads\/2020\/11\/video-animated-content-1.png\" alt=\"\" width=\"1452\" height=\"434\" title=\"\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 1452px; --smush-placeholder-aspect-ratio: 1452\/434;\"><noscript><img decoding=\"async\" class=\"alignnone size-full wp-image-2744\" src=\"https:\/\/www.hostixo.com\/blog\/wp-content\/uploads\/2020\/11\/video-animated-content-1.png\" alt=\"\" width=\"1452\" height=\"434\" title=\"\"><\/noscript><\/p>\n<p class=\"wp-caption-text\"><strong>Animasyonlu i\u00e7erik \u00f6nerisi i\u00e7in video formatlar\u0131n\u0131 kullan\u0131n<\/strong><\/p>\n<\/div>\n<p>GIF&#8217;leri video formatlar\u0131na d\u00f6n\u00fc\u015ft\u00fcrmek basit s\u00fcre\u00e7 de\u011fildir. \u00d6ncelikle, hangi t\u00fcr videoyu kullanmak istedi\u011finize karar vermelisiniz:<\/p>\n<ul>\n<li><strong>MP4:<\/strong>\u00a0\u00a0Biraz daha b\u00fcy\u00fck dosyalar \u00fcretir, ancak\u00a0\u00e7o\u011fu b\u00fcy\u00fck taray\u0131c\u0131yla\u00a0uyumludur\u00a0.<\/li>\n<li><strong>WebM:<\/strong>\u00a0\u00a0S\u0131n\u0131rl\u0131 taray\u0131c\u0131 uyumlulu\u011funa sahip olmas\u0131na ra\u011fmen, en y\u00fcksek d\u00fczeyde optimize edilmi\u015f video format\u0131.<\/li>\n<\/ul>\n<p>Siteniz i\u00e7in en mant\u0131kl\u0131 olan se\u00e7imi yapt\u0131ktan sonra, dosya formatlar\u0131n\u0131 d\u00f6n\u00fc\u015ft\u00fcrmeniz gerekecektir.\u00a0Bunu yapman\u0131n en iyi yolu komut sat\u0131r\u0131 kullanmakt\u0131r.\u00a0Ba\u015flamak i\u00e7in\u00a0FFmpeg&#8217;i\u00a0y\u00fckleyin\u00a0.\u00a0Bu, dosya formatlar\u0131n\u0131 d\u00f6n\u00fc\u015ft\u00fcrmek i\u00e7in a\u00e7\u0131k kaynakl\u0131 bir ara\u00e7t\u0131r:<\/p>\n<div id=\"attachment_65578\" class=\"wp-caption alignnone\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-2745 lazyload\" data-src=\"https:\/\/www.hostixo.com\/blog\/wp-content\/uploads\/2020\/11\/ffmpeg-1.png\" alt=\"\" width=\"1500\" height=\"897\" title=\"\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 1500px; --smush-placeholder-aspect-ratio: 1500\/897;\"><noscript><img decoding=\"async\" class=\"alignnone size-full wp-image-2745\" src=\"https:\/\/www.hostixo.com\/blog\/wp-content\/uploads\/2020\/11\/ffmpeg-1.png\" alt=\"\" width=\"1500\" height=\"897\" title=\"\"><\/noscript><\/p>\n<p class=\"wp-caption-text\"><strong>Video ve ses i\u00e7in FFmpeg dosya format\u0131 d\u00f6n\u00fc\u015ft\u00fcrme arac\u0131.<\/strong><\/p>\n<\/div>\n<p>Ard\u0131ndan, komut sat\u0131r\u0131 aray\u00fcz\u00fcn\u00fcz\u00fc a\u00e7\u0131n ve a\u015fa\u011f\u0131daki komutu girin:<\/p>\n<pre><code>ffmpeg -i input.gif output.mp4<\/code><\/pre>\n<p>Bu i\u015flem GIF dosyan\u0131z\u0131 mp4 dosyas\u0131 olarak d\u00f6n\u00fc\u015ft\u00fcrecektir.\u00a0Ancak, format\u0131n de\u011fi\u015ftirilmesi sadece ba\u015flang\u0131\u00e7t\u0131r.\u00a0\u015eimdi ortaya \u00e7\u0131kan videoyu, animasyonlu bir GIF gibi g\u00f6r\u00fcnecek \u015fekilde WordPress sitenize yerle\u015ftirmeniz gerekiyor.<\/p>\n<h4 class=\"has-anchor-hash\">Animasyonlar i\u00e7in Video \u0130\u00e7eri\u011fi Olu\u015fturma<span id=\"embedding-video-content-for-animations\" class=\"anchor-hash\" aria-hidden=\"true\"><\/span><\/h4>\n<p>Daha \u00f6nce bir GIF g\u00f6rd\u00fcyseniz muhtemelen fark etti\u011finiz gibi, bunlar normal videolardan biraz farkl\u0131d\u0131r. Genellikle otomatik olarak oynat\u0131l\u0131r ve bir d\u00f6ng\u00fcde \u00e7al\u0131\u015f\u0131rlar ayr\u0131ca her zaman sessizdirler. Yeni MP4 veya WebM dosyan\u0131z\u0131 WordPress sitenize yerle\u015ftirmek bu \u00f6zellikleri \u00fcretmeyecektir.<\/p>\n<p>Ancak, baz\u0131 basit kod ile yeniden yap\u0131labilir. Videonuzu medya kitapl\u0131\u011f\u0131n\u0131za y\u00fckleyin ve ard\u0131ndan GIF&#8217;inizi eklemek istedi\u011finiz sayfaya veya g\u00f6nderiye a\u015fa\u011f\u0131daki kodlar\u0131 ekleyin:<\/p>\n<pre><code>&lt;video autoplay loop muted playsinline&gt;\r\n&lt;source src=\"output.mp4\" type=\"video\/mp4\"&gt;\r\n&lt;\/video&gt;<\/code><\/pre>\n<p>Belirtilen bu \u00f6zellikleri videonuza uygulayarak videonuzun daha &#8220;GIF benzeri&#8221; g\u00f6r\u00fcnmesini sa\u011flar. Dosya ad\u0131n\u0131 ve t\u00fcr\u00fcn\u00fc kayna\u011f\u0131n\u0131zdaki ile e\u015fle\u015fecek \u015fekilde uyarlaman\u0131z yeterlidir.<\/p>\n<h3 class=\"has-anchor-hash\">15. Sitenize Yaz\u0131 Tipi Y\u00fcklemesi S\u0131ras\u0131nda Metnin G\u00f6r\u00fcn\u00fcr Kalmas\u0131n\u0131 Sa\u011flay\u0131n<span id=\"15-ensure-text-remains-visible-during-webfont-load\" class=\"anchor-hash\" aria-hidden=\"true\"><\/span><\/h3>\n<p>G\u00f6r\u00fcnt\u00fcler gibi yaz\u0131 tipleri de y\u00fcklenmesi uzun s\u00fcren b\u00fcy\u00fck dosyalar olma e\u011filimindedir.\u00a0Baz\u0131 durumlarda, taray\u0131c\u0131lar, kulland\u0131\u011f\u0131n\u0131z yaz\u0131 tipi tamamen y\u00fcklenene kadar metninizi gizleyebilir ve bu da Google PageSpeed \u200b\u200bInsights&#8217;\u0131n \u015fu \u00f6nerisiyle sonu\u00e7lan\u0131r:<\/p>\n<div id=\"attachment_65565\" class=\"wp-caption alignnone\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-2746 lazyload\" data-src=\"https:\/\/www.hostixo.com\/blog\/wp-content\/uploads\/2020\/11\/text-visible-webfont-load-1.png\" alt=\"\" width=\"1458\" height=\"244\" title=\"\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 1458px; --smush-placeholder-aspect-ratio: 1458\/244;\"><noscript><img decoding=\"async\" class=\"alignnone size-full wp-image-2746\" src=\"https:\/\/www.hostixo.com\/blog\/wp-content\/uploads\/2020\/11\/text-visible-webfont-load-1.png\" alt=\"\" width=\"1458\" height=\"244\" title=\"\"><\/noscript><\/p>\n<p class=\"wp-caption-text\"><strong>Sitenize yaz\u0131 tipi y\u00fckleme \u00f6nerisi s\u0131ras\u0131nda bu metnin g\u00f6r\u00fcn\u00fcr kalmas\u0131n\u0131 gereklidir.<\/strong><\/p>\n<\/div>\n<p>Google,\u00a0<strong>@ font-face<\/strong>\u00a0\u00a0stilinizde\u00a0\u00a0Font Display API\u00a0<strong>takas<\/strong>\u00a0\u00a0y\u00f6nergesini\u00a0uygulayarak bu sorunu \u00e7\u00f6zmenizi\u00a0\u00f6nerir\u00a0.\u00a0Bunu yapmak i\u00e7in, stil sayfan\u0131za (\u00a0<strong>style.css<\/strong>\u00a0)\u00a0eri\u015fin\u00a0ve\u00a0<strong>src<\/strong>\u00a0\u00a0niteli\u011finden\u00a0sonra\u00a0<strong>@ font-face<\/strong>\u00a0alt\u0131na \u015funu\u00a0ekleyin\u00a0:<\/p>\n<p>yaz\u0131 tipi g\u00f6r\u00fcnt\u00fcleme: takas<\/p>\n<h3 class=\"has-anchor-hash\">16. Metin S\u0131k\u0131\u015ft\u0131rma \u00d6zelli\u011fini Etkinle\u015ftirin<span id=\"16-enable-text-compression\" class=\"anchor-hash\" aria-hidden=\"true\"><\/span><\/h3>\n<p>Google PageSpeed \u200b\u200bInsights\u00a0 Metin s\u0131k\u0131\u015ft\u0131rma \u00a0\u00f6zelli\u011fini etkinle\u015ftirme , GZIP s\u0131k\u0131\u015ft\u0131rmas\u0131n\u0131n kullan\u0131m\u0131na benzemektedir.<\/p>\n<div id=\"attachment_65584\" class=\"wp-caption alignnone\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-2748 lazyload\" data-src=\"https:\/\/www.hostixo.com\/blog\/wp-content\/uploads\/2020\/11\/enable-text-compression-1.png\" alt=\"\" width=\"1456\" height=\"376\" title=\"\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 1456px; --smush-placeholder-aspect-ratio: 1456\/376;\"><noscript><img decoding=\"async\" class=\"alignnone size-full wp-image-2748\" src=\"https:\/\/www.hostixo.com\/blog\/wp-content\/uploads\/2020\/11\/enable-text-compression-1.png\" alt=\"\" width=\"1456\" height=\"376\" title=\"\"><\/noscript><\/p>\n<p class=\"wp-caption-text\"><strong>Metin s\u0131k\u0131\u015ft\u0131rma \u00f6nerisini etkinle\u015ftir<\/strong><\/p>\n<\/div>\n<p>Baz\u0131 durumlarda (yukar\u0131daki resimde g\u00f6rebilece\u011finiz gibi) metin s\u0131k\u0131\u015ft\u0131rma, sunucunuzda otomatik olarak etkinle\u015ftirilecektir.\u00a0Siteniz i\u00e7in durum b\u00f6yle de\u011filse, bu \u00f6neriye uymak i\u00e7in birka\u00e7 se\u00e7ene\u011finiz vard\u0131r.<\/p>\n<p>Birincisi, GZIP s\u0131k\u0131\u015ft\u0131rma \u00f6zelli\u011fine sahip bir eklenti kurmakt\u0131r. WP Rocket, bunun i\u00e7in \u00e7ok uygundur fakat \u00fccretli bir eklentidir.<\/p>\n<p>Metninizi manuel olarak da s\u0131k\u0131\u015ft\u0131rabilirsiniz. Bu i\u015flem riskli olabilen <strong>.htaccess<\/strong>\u00a0dosyan\u0131z\u0131\u00a0d\u00fczenlemeyi i\u00e7erir\u00a0, bu nedenle elinizde yak\u0131n zamanda al\u0131nm\u0131\u015f bir yede\u011finiz oldu\u011fundan emin olun.<\/p>\n<p>\u00c7o\u011fu WordPress sitesi Apache sunucular\u0131nda \u00e7al\u0131\u015f\u0131r.\u00a0GZIP s\u0131k\u0131\u015ft\u0131rmas\u0131n\u0131 etkinle\u015ftirme kodu \u015funa benzer:<\/p>\n<pre><code class=\"apacheconf\">&lt;IfModule mod_deflate.c&gt;\r\n  # Compress HTML, CSS, JavaScript, Text, XML and fonts\r\n  AddOutputFilterByType DEFLATE application\/javascript\r\n  AddOutputFilterByType DEFLATE application\/rss+xml\r\n  AddOutputFilterByType DEFLATE application\/vnd.ms-fontobject\r\n  AddOutputFilterByType DEFLATE application\/x-font\r\n  AddOutputFilterByType DEFLATE application\/x-font-opentype\r\n  AddOutputFilterByType DEFLATE application\/x-font-otf\r\n  AddOutputFilterByType DEFLATE application\/x-font-truetype\r\n  AddOutputFilterByType DEFLATE application\/x-font-ttf\r\n  AddOutputFilterByType DEFLATE application\/x-javascript\r\n  AddOutputFilterByType DEFLATE application\/xhtml+xml\r\n  AddOutputFilterByType DEFLATE application\/xml\r\n  AddOutputFilterByType DEFLATE font\/opentype\r\n  AddOutputFilterByType DEFLATE font\/otf\r\n  AddOutputFilterByType DEFLATE font\/ttf\r\n  AddOutputFilterByType DEFLATE image\/svg+xml\r\n  AddOutputFilterByType DEFLATE image\/x-icon\r\n  AddOutputFilterByType DEFLATE text\/css\r\n  AddOutputFilterByType DEFLATE text\/html\r\n  AddOutputFilterByType DEFLATE text\/javascript\r\n  AddOutputFilterByType DEFLATE text\/plain\r\n  AddOutputFilterByType DEFLATE text\/xml\r\n\r\n  # Remove browser bugs (only needed for really old browsers)\r\n  BrowserMatch ^Mozilla\/4 gzip-only-text\/html\r\n  BrowserMatch ^Mozilla\/4\\.0[678] no-gzip\r\n  BrowserMatch \\bMSIE !no-gzip !gzip-only-text\/html\r\n  Header append Vary User-Agent\r\n&lt;\/IfModule&gt;<\/code><\/pre>\n<p>Sonra sizin de\u00a0<strong>.htaccess<\/strong> dosyas\u0131 eklemeniz gerekir.\u00a0WordPress sitenizi bir Nginx sunucusunda\u00a0<strong>bulursan\u0131z,<\/strong>\u00a0\u00a0bunun yerine\u00a0a\u015fa\u011f\u0131daki kodu\u00a0<strong>nginx.conf<\/strong>\u00a0dosyan\u0131za\u00a0<strong>eklemelisiniz<\/strong>\u00a0:<\/p>\n<pre><code class=\"nginx\">36 gzip on;\r\n37 gzip_disable \"MSIE [1-6]\\.(?!.*SV1)\";\r\n38 gzip_vary on;\r\n39 gzip_types text\/plain text\/css text\/javascript application\/javascript application\/x-javascript;<\/code><\/pre>\n<p>Sitenizin metin s\u0131k\u0131\u015ft\u0131rmas\u0131n\u0131 kontrol etmek istiyorsan\u0131z,\u00a0GiftOfSpeed\u00a0gibi bir ara\u00e7 kullanman\u0131z\u0131 \u00f6neririz\u00a0:<\/p>\n<div id=\"attachment_65583\" class=\"wp-caption alignnone\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-2749 lazyload\" data-src=\"https:\/\/www.hostixo.com\/blog\/wp-content\/uploads\/2020\/11\/Screenshot_2-1.png\" alt=\"\" width=\"748\" height=\"393\" title=\"\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 748px; --smush-placeholder-aspect-ratio: 748\/393;\"><noscript><img decoding=\"async\" class=\"alignnone size-full wp-image-2749\" src=\"https:\/\/www.hostixo.com\/blog\/wp-content\/uploads\/2020\/11\/Screenshot_2-1.png\" alt=\"\" width=\"748\" height=\"393\" title=\"\"><\/noscript><\/p>\n<p class=\"wp-caption-text\"><strong>GiftOfSpeed \u200b\u200bGZIP s\u0131k\u0131\u015ft\u0131rma denetimi.<\/strong><\/p>\n<\/div>\n<p>Bu, GZIP s\u0131k\u0131\u015ft\u0131rmas\u0131n\u0131n ba\u015far\u0131yla uygulan\u0131p uygulanmad\u0131\u011f\u0131n\u0131, sitenizin ne t\u00fcr bir sunucu \u00fczerinde \u00e7al\u0131\u015ft\u0131\u011f\u0131n\u0131 ve di\u011fer birka\u00e7 \u00f6nemli ayr\u0131nt\u0131y\u0131 size bildirir.<\/p>\n<h3 class=\"has-anchor-hash\">17. Gerekli Kaynaklara \u00d6nceden Ba\u011flanma<span id=\"17-preconnect-to-required-origins\" class=\"anchor-hash\" aria-hidden=\"true\"><\/span><\/h3>\n<p>Sitenizde muhtemelen en az bir \u00fc\u00e7\u00fcnc\u00fc taraf kayna\u011fa sahip olma ihtimaliniz y\u00fcksektir buna Google Analytics yayg\u0131n bir \u00f6rnektir. Taray\u0131c\u0131lar\u0131n bu kaynaklarla ba\u011flant\u0131 kurmas\u0131 zaman alabilir ve bu da y\u00fckleme h\u0131zlar\u0131n\u0131z\u0131 yava\u015flat\u0131r.<\/p>\n<p>\u00d6nceden ba\u011flanma \u00f6zelli\u011fini kullanmak, taray\u0131c\u0131lara sayfan\u0131zda y\u00fcklenmesi gereken \u00fc\u00e7\u00fcnc\u00fc taraf komut dosyalar\u0131 oldu\u011funu hemen s\u00f6yleyebilir. Onlar\u0131 talep etme s\u00fcreci daha sonra m\u00fcmk\u00fcn olan en k\u0131sa s\u00fcrede ba\u015flayarak performans\u0131n\u0131z\u0131 art\u0131rabilir.<\/p>\n<p>Google, sayfan\u0131z\u0131n bu teknikten yararlanabilece\u011fini\u00a0<strong>d\u00fc\u015f\u00fcn\u00fcrse, gerekli kaynaklara \u00f6nceden ba\u011flanma<\/strong>\u00a0\u00a0\u00f6nerisini\u00a0g\u00f6r\u00fcrs\u00fcn\u00fcz\u00a0:<\/p>\n<div id=\"attachment_65560\" class=\"wp-caption alignnone\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-2750 lazyload\" data-src=\"https:\/\/www.hostixo.com\/blog\/wp-content\/uploads\/2020\/11\/preconnect-required-origins-1.png\" alt=\"\" width=\"1454\" height=\"254\" title=\"\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 1454px; --smush-placeholder-aspect-ratio: 1454\/254;\"><noscript><img decoding=\"async\" class=\"alignnone size-full wp-image-2750\" src=\"https:\/\/www.hostixo.com\/blog\/wp-content\/uploads\/2020\/11\/preconnect-required-origins-1.png\" alt=\"\" width=\"1454\" height=\"254\" title=\"\"><\/noscript><\/p>\n<p class=\"wp-caption-text\"><strong>Gerekli kaynak \u00f6nerilerine \u00f6nceden ba\u011flan\u0131n.<\/strong><\/p>\n<\/div>\n<p>Bu optimizasyon stratejisini uygulaman\u0131n birka\u00e7 yolu vard\u0131r.\u00a0WordPress tema dosyalar\u0131n\u0131z\u0131 d\u00fczenleme konusunda\u00a0rahatsan\u0131z e\u011fer <strong>header.php<\/strong> \u00a0dosyan\u0131za bir ba\u011flant\u0131 etiketi ekleyebilirsiniz. A\u015fa\u011f\u0131daki gibi;<\/p>\n<pre class=\" language-html\"><code class=\" language-html\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>link <span class=\"token attr-name\">rel<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=<\/span>\u201cpreconnect\u201d<\/span> <span class=\"token attr-name\">href<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=<\/span>\u201cexample.com\u201d<\/span><span class=\"token punctuation\">&gt;<\/span><\/span><\/code><\/pre>\n<p>Bu durumda etiketi, taray\u0131c\u0131lara\u00a0\u00a0m\u00fcmk\u00fcn olan en k\u0131sa s\u00fcrede\u00a0<strong>example.com <\/strong>ile\u00a0ba\u011flant\u0131 kurmalar\u0131 gerekti\u011fini s\u00f6yler\u00a0.\u00a0Google PageSpeed \u200b\u200bInsights, \u00f6nceden ba\u011flanma \u00f6zelliklerine sahip ba\u011flant\u0131 etiketleri eklemeniz gereken t\u00fcm ilgili kaynaklar\u0131 listeler.<\/p>\n<p>Di\u011fer se\u00e7enekise ayn\u0131 etkiyi elde etmek i\u00e7in bir eklenti kullanmakt\u0131r. Perfmatters bir \u00f6n ba\u011flant\u0131 \u00f6zelli\u011fi i\u00e7erir\u00a0 WP Rocket ve\u00a0Pre * Party Kaynak \u0130pu\u00e7lar\u0131 \u00a0nerdeyese ayn\u0131 i\u015flemleri yapar.<\/p>\n<h3 class=\"has-anchor-hash\">18. Anahtar \u0130stekleri \u00d6nceden Y\u00fckleyin<span id=\"18-preload-key-requests\" class=\"anchor-hash\" aria-hidden=\"true\"><\/span><\/h3>\n<p>Gerekli kaynaklara\u00a0\u00f6nceden\u00a0ba\u011flanma \u00f6nerisine\u00a0benzer \u015fekilde,\u00a0\u00a0bu \u00f6neriyi izleyerek, taray\u0131c\u0131lar\u0131n sitenizin sunucusuna yapmas\u0131 gereken istek say\u0131s\u0131n\u0131 en aza indirmenize olanak tan\u0131r.\u00a0Bununla birlikte, \u00fc\u00e7\u00fcnc\u00fc taraf kaynaklara ba\u011flanmak yerine,\u00a0anahtar isteklerini \u00f6nceden\u00a0y\u00fckleyin, kritik varl\u0131klar\u0131 kendi sunucunuza y\u00fcklemeyi ifade eder:<\/p>\n<div id=\"attachment_65557\" class=\"wp-caption alignnone\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-2751 lazyload\" data-src=\"https:\/\/www.hostixo.com\/blog\/wp-content\/uploads\/2020\/11\/preload-key-requests-1.png\" alt=\"\" width=\"1446\" height=\"250\" title=\"\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 1446px; --smush-placeholder-aspect-ratio: 1446\/250;\"><noscript><img decoding=\"async\" class=\"alignnone size-full wp-image-2751\" src=\"https:\/\/www.hostixo.com\/blog\/wp-content\/uploads\/2020\/11\/preload-key-requests-1.png\" alt=\"\" width=\"1446\" height=\"250\" title=\"\"><\/noscript><\/p>\n<p class=\"wp-caption-text\"><strong>Anahtar isteklerini \u00f6nceden y\u00fckle \u00f6nerisi.<\/strong><\/p>\n<\/div>\n<p>Bu tekni\u011fin uygulanmas\u0131 da bir \u00f6nceki \u00f6neriye \u00e7ok benzemektedir. PageSpeed \u200b\u200bInsights&#8217;ta listelenen kaynaklar\u0131 belirten ba\u011flant\u0131 etiketlerini header.php\u00a0\u00a0dosyan\u0131za\u00a0ekleyebilirsiniz\u00a0:<\/p>\n<pre class=\" language-html\"><code class=\" language-html\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>link <span class=\"token attr-name\">rel<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=<\/span>\u201cpreload\u201d<\/span> <span class=\"token attr-name\">href<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=<\/span>\u201cexample.com\u201d<\/span><span class=\"token punctuation\">&gt;<\/span><\/span><\/code><\/pre>\n<p>Bu etiketi Perfmatters, WP Rocket veya Pre * Party Kaynak \u0130pu\u00e7lar\u0131n\u0131 kullanarak da dahil edebilirsiniz.<\/p>\n<h3 class=\"has-anchor-hash\">19. Birden Fazla Sayfa Y\u00f6nlendirmesinden Ka\u00e7\u0131n\u0131n<span id=\"19-avoid-multiple-page-redirects\" class=\"anchor-hash\" aria-hidden=\"true\"><\/span><\/h3>\n<p>Y\u00f6nlendirmeler, bir URL&#8217;nin di\u011ferini g\u00f6stermesini istedi\u011finizde kullan\u0131l\u0131r. Sitenizdeki bir sayfay\u0131 ta\u015f\u0131d\u0131\u011f\u0131n\u0131zda veya sildi\u011finizde kullan\u0131l\u0131rlar. Genel olarak y\u00f6nlendirmeleri kullanman\u0131n yanl\u0131\u015f bir taraf\u0131 olmasa da, y\u00fckleme s\u00fcresinde ek gecikmelere neden olurlar.<\/p>\n<p>E\u011fer sitenizde \u00e7ok fazla y\u00f6nlendirme varsa, Google PageSpeed Insights bu \u00f6neriyi g\u00f6sterebilir:<\/p>\n<div id=\"attachment_65559\" class=\"wp-caption alignnone\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-2752 lazyload\" data-src=\"https:\/\/www.hostixo.com\/blog\/wp-content\/uploads\/2020\/11\/multiple-redirects-1.png\" alt=\"\" width=\"1460\" height=\"204\" title=\"\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 1460px; --smush-placeholder-aspect-ratio: 1460\/204;\"><noscript><img decoding=\"async\" class=\"alignnone size-full wp-image-2752\" src=\"https:\/\/www.hostixo.com\/blog\/wp-content\/uploads\/2020\/11\/multiple-redirects-1.png\" alt=\"\" width=\"1460\" height=\"204\" title=\"\"><\/noscript><\/p>\n<p class=\"wp-caption-text\"><strong>Birden \u00e7ok sayfa y\u00f6nlendirme \u00f6nerisinden ka\u00e7\u0131n\u0131n.<\/strong><\/p>\n<\/div>\n<p>Bu tavsiyeye yan\u0131t olarak yapabilece\u011finiz tek \u015fey, kesinlikle yapman\u0131z gerekti\u011finde yeniden y\u00f6nlendirmeleri kulland\u0131\u011f\u0131n\u0131zdan emin olmakt\u0131r.<\/p>\n<h3 class=\"has-anchor-hash\">20. Statik Varl\u0131klar\u0131 Etkin Bir \u00d6nbellek Politikas\u0131yla Sunun<span id=\"20-serve-static-assets-with-an-efficient-cache-policy\" class=\"anchor-hash\" aria-hidden=\"true\"><\/span><\/h3>\n<p>Google PageSpeed \u200b\u200bInsights&#8217;\u0131 bir s\u00fcredir kullan\u0131yorsan\u0131z, bu \u00f6neriyi,\u00a0Kald\u0131ra\u00e7 taray\u0131c\u0131 \u00f6nbelle\u011fe alma\u00a0uyar\u0131s\u0131\u00a0olarak daha iyi biliyor olabilirsiniz\u00a0.\u00a0S\u00fcr\u00fcm 5&#8217;te, art\u0131k\u00a0Etkin \u00d6nbellek Politikas\u0131yla Statik Varl\u0131klar\u00a0Sunma olarak etiketlenmi\u015ftir\u00a0:<\/p>\n<div id=\"attachment_65553\" class=\"wp-caption alignnone\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-2753 lazyload\" data-src=\"https:\/\/www.hostixo.com\/blog\/wp-content\/uploads\/2020\/11\/efficient-cache-policies-1.png\" alt=\"\" width=\"1452\" height=\"338\" title=\"\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 1452px; --smush-placeholder-aspect-ratio: 1452\/338;\"><noscript><img decoding=\"async\" class=\"alignnone size-full wp-image-2753\" src=\"https:\/\/www.hostixo.com\/blog\/wp-content\/uploads\/2020\/11\/efficient-cache-policies-1.png\" alt=\"\" width=\"1452\" height=\"338\" title=\"\"><\/noscript><\/p>\n<p class=\"wp-caption-text\"><strong>Verimli bir \u00f6nbellek ilkesi \u00f6nerisiyle sunucu statik varl\u0131klar\u0131<\/strong><\/p>\n<\/div>\n<p>Bu \u00f6neride, yapman\u0131z gereken birka\u00e7 i\u015flem vard\u0131r. Birincisi, &#8220;\u00f6nbelle\u011fe alma&#8221; n\u0131n ne anlama geldi\u011fidir. K\u0131sacas\u0131, taray\u0131c\u0131lar\u0131n sayfalar\u0131n\u0131z\u0131n kopyalar\u0131n\u0131 kaydetti\u011fi ve b\u00f6ylece gelecekteki ziyaretlerde daha h\u0131zl\u0131 y\u00fcklenebildikleri bir s\u00fcre\u00e7tir.<\/p>\n<p>WordPress sitelerinin \u00f6nbelle\u011fe almay\u0131 uygulamas\u0131n\u0131n en yayg\u0131n yolu\u00a0eklentilerdir\u00a0.\u00a0WP Rocket ve\u00a0W3 Total Cache pop\u00fcler se\u00e7eneklerdir. \u00d6nbellek eklentisi kurmadan \u00f6nce ilk yapman\u0131z gereken \u015fey ana makinenizin durumunun bu olup olmad\u0131\u011f\u0131n\u0131 kontrol etti\u011finizden emin olmakt\u0131r.<\/p>\n<p>Siteniz i\u00e7in \u00f6nbelle\u011fe almay\u0131 etkinle\u015ftirdikten sonra, \u00f6nbellek politikan\u0131z\u0131n &#8216;verimlili\u011fi&#8217; olan bu \u00f6nerinin ikinci k\u0131sm\u0131 hakk\u0131nda endi\u015felenebilirsiniz.\u00a0Taray\u0131c\u0131lar, g\u00fcncellenmi\u015f kopyalarla yenilemek i\u00e7in d\u00fczenli aral\u0131klarla \u00f6nbelleklerini temizler.<\/p>\n<p>\u0130deal olarak, bu s\u00fcrenin daha d\u00fc\u015f\u00fck de\u011fil, daha uzun olmas\u0131n\u0131 istersiniz. Sitenizi birka\u00e7 saatte bir taray\u0131c\u0131 \u00f6nbelleklerinden temizliyorsan\u0131z, ilk etapta bu tekni\u011fi kullanma amac\u0131n\u0131 ortadan kald\u0131r\u0131r. \u00d6nbellek sona erme s\u00fcrenizi <strong>Cache-Control<\/strong>\u00a0\u00a0ve\u00a0<strong>Expires<\/strong>\u00a0ba\u015fl\u0131klar\u0131n\u0131\u00a0kullanarak optimize edebilirsiniz\u00a0.<\/p>\n<h4 class=\"has-anchor-hash\">\u00d6nbellek Denetimi \u00dcstbilgileri Ekleme<span id=\"adding-cachecontrol-headers\" class=\"anchor-hash\" aria-hidden=\"true\"><\/span><\/h4>\n<p>Nginx&#8217;te Cache-Control \u00fcstbilgilerini eklemek i\u00e7in a\u015fa\u011f\u0131daki kodu kullan\u0131n:<\/p>\n<pre><code class=\"nginx\">location ~* \\.(js|css|png|jpg|jpeg|gif|svg|ico)$ {\r\n expires 30d;\r\n add_header Cache-Control \"public, no-transform\";\r\n}<\/code><\/pre>\n<p>Bunu sunucunuzun yap\u0131land\u0131rma dosyas\u0131na eklemelisiniz.\u00a0Yukar\u0131daki \u00f6rnekte, belirtilen dosya t\u00fcrleri 30 g\u00fcn sonra sona erecek \u015fekilde ayarlanm\u0131\u015ft\u0131r.<\/p>\n<p>Apache veya <a href=\"https:\/\/www.hostixo.com\/blog\/litespeed-nedir-ozellikleri-nelerdir\/\" data-internallinksmanager029f6b8e52c=\"7\" title=\"litespeed nedir?\">Litespeed<\/a> kullananlar <strong>.htaccess<\/strong> dosyas\u0131na bu kodu kullanabilirler.<\/p>\n<pre><code class=\"apacheconf\">&lt;filesMatch \".(ico|pdf|flv|jpg|jpeg|png|gif|svg|js|css|swf)$\"&gt;\r\nHeader set Cache-Control \"max-age=84600, public\"\r\n&lt;\/filesMatch&gt;<\/code><\/pre>\n<p>Bu kodu\u00a0<strong># BEGIN WordPress&#8217;ten<\/strong>\u00a0\u00f6nce\u00a0\u00a0veya\u00a0<strong>#END WordPress&#8217;ten<\/strong>\u00a0sonra\u00a0<strong>ekleyin<\/strong>\u00a0.\u00a0Bu \u00f6rnekte, \u00f6nbelle\u011fin sona erme s\u00fcresi 84.600 saniyeye ayarlanm\u0131\u015ft\u0131r.<\/p>\n<h4 class=\"has-anchor-hash\">Sona Erme Ba\u015fl\u0131klar\u0131 Ekleme<span id=\"adding-expires-headers\" class=\"anchor-hash\" aria-hidden=\"true\"><\/span><\/h4>\n<p><strong>Cache-Control<\/strong>\u00a0ba\u015fl\u0131klar\u0131 art\u0131k standartt\u0131r.\u00a0Ancak yine de\u00a0<strong>Expires<\/strong>\u00a0ba\u015fl\u0131klar\u0131n\u0131\u00a0kontrol eden baz\u0131 ara\u00e7lar (GTMetrix dahil) vard\u0131r\u00a0.<\/p>\n<p>A\u015fa\u011f\u0131dakileri sunucu blo\u011funuza ekleyerek bunlar\u0131 bir Nginx sunucusuna ekleyebilirsiniz:<\/p>\n<pre><code class=\"nginx\">location ~*  \\.(jpg|jpeg|gif|png|svg)$ {\r\n        expires 365d;\r\n    }\r\n\r\n    location ~*  \\.(pdf|css|html|js|swf)$ {\r\n        expires 2d;\r\n    }<\/code><\/pre>\n<p>Dosya t\u00fcrlerine g\u00f6re farkl\u0131 sona erme s\u00fcreleri belirlemelisiniz. Bu kodu <strong>.htaccess<\/strong> dosyan\u0131za\u00a0eklerseniz, Apache sunucular\u0131 ayn\u0131 sonu\u00e7lar\u0131 \u00fcretir\u00a0:<\/p>\n<pre><code class=\"apacheconf\">## EXPIRES HEADER CACHING ##\r\n&lt;IfModule mod_expires.c&gt;\r\nExpiresActive On\r\nExpiresByType image\/jpg \"access 1 year\"\r\nExpiresByType image\/jpeg \"access 1 year\"\r\nExpiresByType image\/gif \"access 1 year\"\r\nExpiresByType image\/png \"access 1 year\"\r\nExpiresByType image\/svg \"access 1 year\"\r\nExpiresByType text\/css \"access 1 month\"\r\nExpiresByType application\/pdf \"access 1 month\"\r\nExpiresByType application\/javascript \"access 1 month\"\r\nExpiresByType application\/x-javascript \"access 1 month\"\r\nExpiresByType application\/x-shockwave-flash \"access 1 month\"\r\nExpiresByType image\/x-icon \"access 1 year\"\r\nExpiresDefault \"access 2 days\"\r\n&lt;\/IfModule&gt;\r\n## EXPIRES HEADER CACHING ##<\/code><\/pre>\n<p>Bu kodu <strong>#BEGIN WordPress&#8217;ten<\/strong>\u00a0\u00f6nce\u00a0veya\u00a0<strong>#END WordPress&#8217;ten<\/strong>\u00a0sonra\u00a0eklemelisiniz\u00a0.<\/p>\n<h4 class=\"has-anchor-hash\">Google Analytics&#8217;in Verimli \u00d6nbelle\u011fe Al\u0131nmas\u0131<span id=\"efficient-caching-of-google-analytics\" class=\"anchor-hash\" aria-hidden=\"true\"><\/span><\/h4>\n<p>Kullan\u0131c\u0131 davran\u0131\u015f\u0131n\u0131 izlemek i\u00e7in sayfalar\u0131n\u0131z\u0131n\u00a0ba\u015fl\u0131klar\u0131na\u00a0eklemi\u015f olabilece\u011finiz Google Analytics komut dosyas\u0131n\u0131n yaln\u0131zca iki saatlik bir \u00f6nbellek sona erme s\u00fcresi vard\u0131r. Muhtemelen, platformda g\u00fcncellemeler yap\u0131l\u0131rsa, kullan\u0131c\u0131lar de\u011fi\u015fikliklere h\u0131zl\u0131 bir \u015fekilde eri\u015febileceklerdir.<\/p>\n<p>Bu komut dosyas\u0131, etkin bir \u00f6nbellek ilkesi \u00f6nerisiyle Statik varl\u0131klar\u0131n alt\u0131nda ilgilenmenizi gerektiren kaynaklar listesinde g\u00f6r\u00fcnecektir. \u00dc\u00e7\u00fcnc\u00fc bir tarafa ait oldu\u011fundan, son kullanma s\u00fcresini <strong>Cache-Control<\/strong>\u00a0\u00a0veya\u00a0<strong>Expires<\/strong>\u00a0\u00a0ba\u015fl\u0131klar\u0131yla de\u011fi\u015ftiremezsiniz.<\/p>\n<p>Bu \u00f6neri alt\u0131nda listelenen tek komut dosyas\u0131 buysa, denetimi yine de ge\u00e7ebilirsiniz:<\/p>\n<div id=\"attachment_65558\" class=\"wp-caption alignnone\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-2754 lazyload\" data-src=\"https:\/\/www.hostixo.com\/blog\/wp-content\/uploads\/2020\/11\/passed-efficient-caching-1.png\" alt=\"\" width=\"1466\" height=\"544\" title=\"\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 1466px; --smush-placeholder-aspect-ratio: 1466\/544;\"><noscript><img decoding=\"async\" class=\"alignnone size-full wp-image-2754\" src=\"https:\/\/www.hostixo.com\/blog\/wp-content\/uploads\/2020\/11\/passed-efficient-caching-1.png\" alt=\"\" width=\"1466\" height=\"544\" title=\"\"><\/noscript><\/p>\n<p class=\"wp-caption-text\"><strong>Verimli \u00f6nbellek politikas\u0131 denetiminin ge\u00e7ti.<\/strong><\/p>\n<\/div>\n<p>Ancak, yaz\u0131m\u0131z\u0131n ba\u015f\u0131nda da belirtti\u011fimiz gibi, PageSpeed \u200b\u200bpuan\u0131n\u0131z, ger\u00e7ek ve alg\u0131lanan performans\u0131n\u0131zdan daha az \u00f6nemlidir. Bu kayna\u011f\u0131 verimli bir \u015fekilde sunmak i\u00e7in, Google Analytics&#8217;i yerel olarak bar\u0131nd\u0131rmay\u0131 d\u00fc\u015f\u00fcnebilirsiniz.<\/p>\n<p>Complete Analytics Optimization Suite (CAOS) \u00a0ve Perfmatters\u00a0gibi eklentiler\u00a0bunu yapman\u0131z\u0131 sa\u011flar.<\/p>\n<h3 class=\"has-anchor-hash\">21. \u00dc\u00e7\u00fcnc\u00fc Taraf Kodunun Etkisini Azalt\u0131n<span id=\"21-reduce-the-impact-of-thirdparty-code\" class=\"anchor-hash\" aria-hidden=\"true\"><\/span><\/h3>\n<p>\u015eimdi, \u00fc\u00e7\u00fcnc\u00fc taraf komut dosyalar\u0131n\u0131n performans\u0131n\u0131z\u0131 olumsuz etkileyebilece\u011fi ve PageSpeed \u200b\u200bInsights&#8217;tan ba\u015far\u0131s\u0131z denetimlere neden olabilece\u011fi birka\u00e7 farkl\u0131 yoldan bahsettik.\u00a0\u0130deal olarak, olumsuz etkileri \u00f6nlemek i\u00e7in bu ara\u00e7lara olan g\u00fcveninizi s\u0131n\u0131rlamak en iyisidir.<\/p>\n<p>Bununla birlikte, baz\u0131 durumlarda sitenizin sahip oldu\u011fu bir ihtiyaca en iyi \u00e7\u00f6z\u00fcm, \u00fc\u00e7\u00fcnc\u00fc taraf bir komut dosyas\u0131 kullanmakt\u0131r.\u00a0Google Analytics m\u00fckemmel bir \u00f6rnektir.\u00a0Di\u011ferleri \u015funlar\u0131 i\u00e7erir:<\/p>\n<ul>\n<li>Sosyal medya payla\u015f\u0131m butonlar\u0131<\/li>\n<li>YouTube videosu yerle\u015ftirmeleri<\/li>\n<li>Reklamlar ve di\u011fer i\u00e7erik i\u00e7in iFrame&#8217;ler<\/li>\n<li>JavaScript, yaz\u0131 tipleri ve di\u011fer \u00f6\u011feler i\u00e7in kitapl\u0131klar<\/li>\n<\/ul>\n<p>\u00dc\u00e7\u00fcnc\u00fc taraf komut dosyas\u0131 kullan\u0131m\u0131n\u0131 gerekli g\u00f6rd\u00fc\u011f\u00fcn\u00fcz durumlarda, PageSpeed \u200b\u200banaliz sonu\u00e7lar\u0131n\u0131z size \u015funlar\u0131 s\u00f6yleyece\u011finden, sitenizin performans\u0131 \u00fczerindeki etkisini yine de azaltmak \u00f6nemlidir:<\/p>\n<div id=\"attachment_65555\" class=\"wp-caption alignnone\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-2755 lazyload\" data-src=\"https:\/\/www.hostixo.com\/blog\/wp-content\/uploads\/2020\/11\/reduce-thirdparty-code-1.png\" alt=\"\" width=\"1468\" height=\"348\" title=\"\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 1468px; --smush-placeholder-aspect-ratio: 1468\/348;\"><noscript><img decoding=\"async\" class=\"alignnone size-full wp-image-2755\" src=\"https:\/\/www.hostixo.com\/blog\/wp-content\/uploads\/2020\/11\/reduce-thirdparty-code-1.png\" alt=\"\" width=\"1468\" height=\"348\" title=\"\"><\/noscript><\/p>\n<p class=\"wp-caption-text\"><strong>\u00dc\u00e7\u00fcnc\u00fc taraf kod \u00f6nerisinin etkisini azalt\u0131n<\/strong><\/p>\n<\/div>\n<p>\u00dc\u00e7\u00fcnc\u00fc taraf kodunu daha verimli bir \u015fekilde y\u00fcklemek i\u00e7in, bu yaz\u0131da daha \u00f6nce bahsetti\u011fimiz tekniklerden birini d\u00fc\u015f\u00fcnebilirsiniz:<\/p>\n<ul>\n<li>JavaScript&#8217;in y\u00fcklenmesini erteleyin<\/li>\n<li>\u00d6nceden ba\u011flanma etiketlerini kullanma<\/li>\n<li>Kendi kendine bar\u0131nd\u0131r\u0131lan \u00fc\u00e7\u00fcnc\u00fc taraf komut dosyalar\u0131 (yukar\u0131da Google Analytics ile a\u00e7\u0131klad\u0131\u011f\u0131m\u0131z gibi)<\/li>\n<\/ul>\n<p>Bu y\u00f6ntemler, sitenizin performans\u0131 \u00fczerindeki etkiyi en aza indirmelidir.<\/p>\n<h3 class=\"has-anchor-hash\">22. \u00c7ok B\u00fcy\u00fck A\u011f Y\u00fcklerinden Ka\u00e7\u0131n\u0131n<span id=\"22-avoid-enormous-network-payloads\" class=\"anchor-hash\" aria-hidden=\"true\"><\/span><\/h3>\n<p>Bu \u00f6neri \u00f6zellikle mobil ziyaret\u00e7ilerinizle ilgilidir. B\u00fcy\u00fck y\u00fckler, daha fazla h\u00fccresel veri kullan\u0131m\u0131n\u0131 gerektirebilir ve bu da kullan\u0131c\u0131lar\u0131n\u0131za maliyet olu\u015fturabilir. Sayfalar\u0131n\u0131za ula\u015fmak i\u00e7in gereken a\u011f isteklerinin say\u0131s\u0131n\u0131 en aza indirmelisiniz. A\u015fa\u011f\u0131daki \u00f6neriyi size sunabilir:<\/p>\n<div id=\"attachment_65552\" class=\"wp-caption alignnone\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-2756 lazyload\" data-src=\"https:\/\/www.hostixo.com\/blog\/wp-content\/uploads\/2020\/11\/avoid-enormous-payloads-1.png\" alt=\"\" width=\"1452\" height=\"420\" title=\"\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 1452px; --smush-placeholder-aspect-ratio: 1452\/420;\"><noscript><img decoding=\"async\" class=\"alignnone size-full wp-image-2756\" src=\"https:\/\/www.hostixo.com\/blog\/wp-content\/uploads\/2020\/11\/avoid-enormous-payloads-1.png\" alt=\"\" width=\"1452\" height=\"420\" title=\"\"><\/noscript><\/p>\n<p class=\"wp-caption-text\"><strong>\u00c7ok b\u00fcy\u00fck a\u011f y\u00fckleri \u00f6nerisinden ka\u00e7\u0131n\u0131n<\/strong><\/p>\n<\/div>\n<p>Google, toplam bayt boyutunuzu 1.600 KB veya alt\u0131nda tutman\u0131z\u0131 \u00f6nerir. Bu hedefe ula\u015fmak i\u00e7in en s\u0131k kullan\u0131lan y\u00f6ntemler, a\u015fa\u011f\u0131da yer almaktad\u0131r:<\/p>\n<ul>\n<li>Ekran\u0131n alt k\u0131sm\u0131ndaki CSS, JavaScript ve resimleri erteleme<\/li>\n<li>K\u00fc\u00e7\u00fcltme kodu<\/li>\n<li>G\u00f6r\u00fcnt\u00fc dosyalar\u0131n\u0131 s\u0131k\u0131\u015ft\u0131rma<\/li>\n<li>Resimler i\u00e7in WebP format\u0131n\u0131 kullanma<\/li>\n<li>\u00d6nbelle\u011fe alma uygulama<\/li>\n<\/ul>\n<p>Bu stratejiler i\u00e7in ilgili ad\u0131mlar\u0131 izleyin ve herhangi bir ek \u00e7aba harcamadan bu denetimi ge\u00e7melisiniz.<\/p>\n<h3 class=\"has-anchor-hash\">23. Kullan\u0131c\u0131 Zamanlama \u0130\u015faretleri ve \u00d6l\u00e7\u00fcleri<span id=\"23-user-timing-marks-and-measures\" class=\"anchor-hash\" aria-hidden=\"true\"><\/span><\/h3>\n<p>Bu \u00f6neri, yaln\u0131zca\u00a0Kullan\u0131c\u0131 Zamanlama API&#8217;sini kullan\u0131yorsan\u0131z ge\u00e7erlidir . Bu ara\u00e7, JavaScript&#8217;inizin performans\u0131n\u0131 de\u011ferlendirmenize yard\u0131mc\u0131 olmaktad\u0131r. Siteniz i\u00e7in API kurduysan\u0131z, PageSpeed \u200b\u200bInsights&#8217;ta bu ba\u015fl\u0131k alt\u0131nda i\u015faretlerinizi ve \u00f6l\u00e7\u00fclerinizi g\u00f6receksiniz:<\/p>\n<div id=\"attachment_65574\" class=\"wp-caption alignnone\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-2757 lazyload\" data-src=\"https:\/\/www.hostixo.com\/blog\/wp-content\/uploads\/2020\/11\/user-timing-1.png\" alt=\"\" width=\"1500\" height=\"727\" title=\"\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 1500px; --smush-placeholder-aspect-ratio: 1500\/727;\"><noscript><img decoding=\"async\" class=\"alignnone size-full wp-image-2757\" src=\"https:\/\/www.hostixo.com\/blog\/wp-content\/uploads\/2020\/11\/user-timing-1.png\" alt=\"\" width=\"1500\" height=\"727\" title=\"\"><\/noscript><\/p>\n<p class=\"wp-caption-text\"><strong>Kullan\u0131c\u0131 Zamanlama i\u015faretleri ve \u00f6l\u00e7\u00fcm \u00f6nerileri<\/strong><\/p>\n<\/div>\n<p>G\u00f6r\u00fcld\u00fc\u011f\u00fc gibi Google&#8217;dan &#8220;ba\u015far\u0131l\u0131&#8221; veya &#8220;ba\u015far\u0131s\u0131z&#8221; ile sonu\u00e7lanmayan ba\u015fka bir \u00f6neridir. PageSpeed \u200b\u200bInsights, bu bilgileri kolayca elde edilebilir hale getirir, b\u00f6ylece optimizasyon gerektirebilecek alanlar\u0131 de\u011ferlendirmek i\u00e7in kullanabilirsiniz.<\/p>\n<h3 class=\"has-anchor-hash\">24. A\u015f\u0131r\u0131 Belge Nesne Modeli (DOM) Boyutundan Ka\u00e7\u0131n\u0131n<span id=\"24-avoid-an-excessive-document-object-model-dom-size\" class=\"anchor-hash\" aria-hidden=\"true\"><\/span><\/h3>\n<p>En basit ifadeyle DOM, taray\u0131c\u0131lar\u0131n HTML&#8217;yi nesnelere nas\u0131l d\u00f6n\u00fc\u015ft\u00fcrd\u00fc\u011f\u00fcd\u00fcr. Her biri bir nesneyi temsil eden butonlardan olu\u015fmaktad\u0131r. Do\u011fal olarak, sayfan\u0131z\u0131n DOM&#8217;u ne kadar b\u00fcy\u00fckse y\u00fcklenmesi o kadar uzun s\u00fcrer.<\/p>\n<p>Sayfan\u0131z\u00a0DOM boyutuyla ilgili\u00a0belirli\u00a0standartlar\u0131 a\u015farsa, d\u00fc\u011f\u00fcm say\u0131s\u0131n\u0131 ve\u00a0CSS stilinizin karma\u015f\u0131kl\u0131\u011f\u0131n\u0131\u00a0azaltman\u0131z\u0131 \u00f6nerir\u00a0:<\/p>\n<div id=\"attachment_65570\" class=\"wp-caption alignnone\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-2758 lazyload\" data-src=\"https:\/\/www.hostixo.com\/blog\/wp-content\/uploads\/2020\/11\/avoid-excessive-dom-size-1.png\" alt=\"\" width=\"1458\" height=\"252\" title=\"\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 1458px; --smush-placeholder-aspect-ratio: 1458\/252;\"><noscript><img decoding=\"async\" class=\"alignnone size-full wp-image-2758\" src=\"https:\/\/www.hostixo.com\/blog\/wp-content\/uploads\/2020\/11\/avoid-excessive-dom-size-1.png\" alt=\"\" width=\"1458\" height=\"252\" title=\"\"><\/noscript><\/p>\n<p class=\"wp-caption-text\"><strong>A\u015f\u0131r\u0131 bir DOM boyutu \u00f6nerisinden ka\u00e7\u0131n\u0131n.<\/strong><\/p>\n<\/div>\n<p>PageSpeed \u200b\u200bInsights&#8217;ta bu denetimde &#8216;ba\u015far\u0131s\u0131z olduysan\u0131z&#8217; WordPress teman\u0131zdan kaynaklan\u0131yor olabilir. A\u011f\u0131r temalar genellikle DOM&#8217;a b\u00fcy\u00fck hacimli \u00f6\u011feler ekler ve ayr\u0131ca sitenizi yava\u015flatan k\u0131vr\u0131ml\u0131 stil i\u00e7erebilir. Bu durumda temalar\u0131 de\u011fi\u015ftirmeniz\u00a0gerekebilir\u00a0.<\/p>\n<p><span class=\"novashare-ctt-tweet\">Google PageSpeed&#8217;de 100\/100 puan almakta zorlan\u0131yor musunuz? \u0130\u015fte bir ipucu: Puan\u0131n\u0131za tak\u0131l\u0131p kalmay\u0131n ve sayfa y\u00fck\u00fcn\u00fcz\u00fc ger\u00e7ekten neyin etkiledi\u011fine odaklan\u0131n!\u00a0<\/span><\/p>\n<h2 class=\"has-anchor-hash\"><span class=\"ez-toc-section\" id=\"Ozet\"><\/span>\u00d6zet<span id=\"summary\" class=\"anchor-hash\" aria-hidden=\"true\"><\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Google PageSpeed \u200b\u200bInsights, web y\u00f6neticisinin temel bir par\u00e7as\u0131 olmal\u0131d\u0131r. Ancak, puan\u0131n\u0131z\u0131 sabitlemek ve 100 \/ 100 skora ula\u015fmak i\u00e7in saatlerce ula\u015fmak sizi yapman\u0131z gereken daha \u00f6nemli konulardan uzakla\u015ft\u0131rabilir.<\/p>\n<p>Bu yaz\u0131m\u0131zda, Google PageSpeed \u200b\u200bPuan\u0131n\u0131z\u0131n \u00f6nemli oldu\u011fu ve olmad\u0131\u011f\u0131 y\u00f6nleri ele ald\u0131k. Ayr\u0131ca, performans\u0131n\u0131 iyile\u015ftirmek i\u00e7in platformun \u00f6nerilerini WordPress sitenizde \u00e7al\u0131\u015fmas\u0131 i\u00e7in baz\u0131 k\u0131sa \u00f6neriler de payla\u015ft\u0131k.<\/p>\n<p>PageSpeed Insights Skoru Nas\u0131l Y\u00fckseltilir ba\u015fl\u0131kl\u0131 yaz\u0131m\u0131z ile ilgili akl\u0131n\u0131za tak\u0131lan sorular\u0131n\u0131z\u0131n yan\u0131t\u0131n\u0131 alabilmeniz i\u00e7in veya \u00f6neride bulunabilmeniz i\u00e7in a\u015fa\u011f\u0131da yer alan yorumlar k\u0131sm\u0131n\u0131 kullanarak <a href=\"https:\/\/www.hostixo.com\/\">bizimle<\/a> ileti\u015fime ge\u00e7ebilirsiniz.<\/p>\n<p>Dilerseniz daha \u00f6nce blo\u011fumuzda payla\u015ft\u0131\u011f\u0131m\u0131z \u00a0Web Sitesi Kurma \u00dccreti Ne Kadar? ba\u015fl\u0131kl\u0131 yaz\u0131m\u0131z\u0131 da okuyabilirsiniz.<\/p>\n<div class=\"user-content mt--40 pb--60\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Google PageSpeed \u200b\u200bInsights, web y\u00f6neticileri, geli\u015ftiricileri ve her t\u00fcrl\u00fc site sahipleri i\u00e7in \u00e7ok yararl\u0131 bir ara\u00e7t\u0131r.\u00a0 Bir\u00e7ok ki\u015fi bu testten 100\/100 puan alarak sitelerini optimize etmek i\u00e7in saatlerce u\u011fra\u015fmaktalard\u0131r. Bu yaz\u0131m\u0131zda PageSpeed Insights skoru nas\u0131l y\u00fckseltilir sorusunu kapsaml\u0131 bir \u015fekilde a\u00e7\u0131klayaca\u011f\u0131z. Google PageSpeed \u200b\u200bInsights&#8217;a Giri\u015f Google PageSpeed \u200b\u200bInsights, web sitesi performans\u0131n\u0131 test etmek i\u00e7in kullan\u0131lan &hellip;<\/p>\n","protected":false},"author":1,"featured_media":2760,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_mbp_gutenberg_autopost":false,"footnotes":""},"categories":[31],"tags":[],"class_list":["post-2724","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-yazilim"],"_links":{"self":[{"href":"https:\/\/www.hostixo.com\/blog\/wp-json\/wp\/v2\/posts\/2724","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostixo.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostixo.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostixo.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostixo.com\/blog\/wp-json\/wp\/v2\/comments?post=2724"}],"version-history":[{"count":1,"href":"https:\/\/www.hostixo.com\/blog\/wp-json\/wp\/v2\/posts\/2724\/revisions"}],"predecessor-version":[{"id":9090,"href":"https:\/\/www.hostixo.com\/blog\/wp-json\/wp\/v2\/posts\/2724\/revisions\/9090"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostixo.com\/blog\/wp-json\/wp\/v2\/media\/2760"}],"wp:attachment":[{"href":"https:\/\/www.hostixo.com\/blog\/wp-json\/wp\/v2\/media?parent=2724"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostixo.com\/blog\/wp-json\/wp\/v2\/categories?post=2724"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostixo.com\/blog\/wp-json\/wp\/v2\/tags?post=2724"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}