G\u00fcn\u00fcm\u00fczde web kullan\u0131c\u0131s\u0131n\u0131n d\u00fc\u015f\u00fck y\u00fckleme h\u0131lzar\u0131na veya standart alt\u0131 performansa sahip web sitelerine sabr\u0131 kalmad\u0131.<\/p>\n
Yar\u0131m saniye, birinin sitenizde kal\u0131p kalmayaca\u011f\u0131 konusunda ciddi fark yaratabilir. Portent taraf\u0131ndan yap\u0131lan bir ara\u015ft\u0131rmaya g\u00f6re, web sitesi d\u00f6n\u00fc\u015f\u00fcm oranlar\u0131, y\u00fckleme s\u00fcresinin her saniyesinde ortalama %4,42 oran\u0131nda d\u00fc\u015f\u00fcyor . Basit\u00e7e s\u00f6ylemek gerekirse, web sitenizin b\u00fcy\u00fck boyutlu resimler, optimize edilmemi\u015f dosyalar veya kalitesiz tasar\u0131mlarla \u00e7\u0131kmaza girmesine izin vermek, 2021’de herhangi bir web sitesinin \u00e7\u00f6k\u00fc\u015f\u00fc olabilir.<\/p>\n
Optimizasyon, s\u0131k\u0131\u015ft\u0131rma ve i\u00e7erik da\u011f\u0131t\u0131m a\u011flar\u0131 gibi konularda uzmanla\u015fmak zahmetli olabilir. Buna, Google’\u0131n her web uzman\u0131n\u0131n anlamak i\u00e7in \u00e7abalad\u0131\u011f\u0131 yeni Temel Web Verileri uygulamas\u0131n\u0131 ekleyin ve web sitenizin iyi s\u0131ralarda yer almas\u0131n\u0131 garantilemek i\u00e7in kendinize bu konuya e\u011filin. Kullan\u0131c\u0131lar\u0131n\u0131z web sayfalar\u0131n\u0131z\u0131n h\u0131zl\u0131 y\u00fcklenmesini bekler ve bunu yapmazlarsa sitede kalmazlar. Sitenizi olu\u015ftururken performans g\u00f6stermesi i\u00e7in nelerden ka\u00e7\u0131nman\u0131z gerekti\u011fini bilmek \u00f6nemlidir.<\/p>\n
<\/p>\n
Google, \u00d6nemli Web Verileri olarak adland\u0131r\u0131lan yeni arama s\u0131ralama metriklerini Haziran 2021’in ortalar\u0131nda kullan\u0131ma sunmaya ba\u015flad\u0131. Bu metrikler, web tasar\u0131mc\u0131lar ve site sahiplerinin, ak\u0131c\u0131 bir kullan\u0131c\u0131 deneyimi i\u00e7in web sitelerini optimize etmesine yard\u0131mc\u0131 olmak i\u00e7in tasarland\u0131. \u00d6nemli Web Verilerinin her biri, ortalama bir site ziyaret\u00e7isinin kullan\u0131c\u0131 deneyimine dayal\u0131 olarak belirli bir fakt\u00f6r i\u00e7in istenen k\u0131yaslamay\u0131 sa\u011flar.<\/p>\n
Temel Web Verileri, Google’\u0131n web sitesi y\u00fckleme s\u00fcresini ve arama s\u0131ralamas\u0131n\u0131 etkilemede \u00e7ok \u00f6nemli olarak tan\u0131mlad\u0131\u011f\u0131 \u00fc\u00e7 \u00f6l\u00e7\u00fcmd\u00fcr. Birincisi, bir sayfan\u0131n ana i\u00e7eri\u011finin y\u00fcklenmesi i\u00e7in ge\u00e7en s\u00fcre ile hesaplanan ve ideal \u00f6l\u00e7\u00fcm 2,5 saniyeden daha h\u0131zl\u0131 olan b\u00f6l\u00fcmd\u00fcr. \u0130lk Giri\u015f Gecikmesi ikinci durumdur. Bu, ideal \u00f6l\u00e7\u00fcm 100 milisaniyenin alt\u0131nda olacak \u015fekilde, bir sayfan\u0131n etkile\u015fimli hale gelmesi i\u00e7in ge\u00e7en s\u00fcredir.<\/p>\n
Son istatistik, K\u00fcm\u00fclatif D\u00fczen Kaymas\u0131’d\u0131r. Bir ba\u011flant\u0131ya t\u0131klamak \u00fczereyken bir sitenin tamam\u0131n\u0131n d\u00fczenini de\u011fi\u015ftirmesi, web sitesi kullan\u0131c\u0131lar\u0131 i\u00e7in can s\u0131k\u0131c\u0131d\u0131r. Bunun nedeni, K\u00fcm\u00fclatif Mizanpaj Kaymas\u0131 tamamen g\u00f6z ard\u0131 edilerek tasarlanm\u0131\u015f bir sitedir. Sayfa i\u00e7eri\u011finin g\u00f6rsel d\u00fczenindeki beklenmeyen kayma miktar\u0131 %0,1’den az olmal\u0131d\u0131r.<\/p>\n
2000’li y\u0131llar\u0131n ba\u015flar\u0131nda, 56k fax modem ile girilen web sitelerinde b\u00fcy\u00fck bir g\u00f6r\u00fcnt\u00fc y\u00fckledi\u011finde ve ekran\u0131n\u0131z\u0131 ac\u0131 verici bir \u015fekilde yava\u015flad\u0131\u011f\u0131n\u0131 hat\u0131rl\u0131yor musunuz? Bug\u00fcn \u00e7ok daha h\u0131zl\u0131 internete sahip olabiliriz ama bu sorun \u015fa\u015f\u0131rt\u0131c\u0131 bir \u015fekilde d\u00fczg\u00fcn tasarlanmam\u0131\u015f web sitelerinde devam ediyor. Sitenizde kulland\u0131\u011f\u0131n\u0131z t\u00fcm resimlerin, toplam dosya boyutunu k\u00fc\u00e7\u00fcltmek i\u00e7in yeniden boyutland\u0131r\u0131lmas\u0131 ve s\u0131k\u0131\u015ft\u0131r\u0131lmas\u0131 gerekir. Resimlerinizin h\u0131zl\u0131 bir \u015fekilde y\u00fcklenmesini sa\u011flaman\u0131n di\u011fer anahtar\u0131, web sitesi y\u00fckleme h\u0131z\u0131 i\u00e7in optimize edilmi\u015f modern dosya formatlar\u0131n\u0131 kullanmakt\u0131r. Bu dosya t\u00fcrleri aras\u0131nda Google’\u0131n WebP, JPEG XR ve AVIF dosyalar\u0131 bulunur. Peki ya eski g\u00fczel JPG’ler veya PNG’ler? Pop\u00fclerliklerine ra\u011fmen, optimize edilmemi\u015flerse\u00a0 JPG’ler ve PNG’lerin y\u00fcklenmesi \u00e7ok yava\u015ft\u0131r.<\/p>\n
Bir web sitesi tasarlarken, tasar\u0131m\u0131n\u0131zda kulland\u0131\u011f\u0131n\u0131z dosyalar\u0131 m\u00fcmk\u00fcn oldu\u011funca k\u00fc\u00e7\u00fcltmeniz \u00e7ok \u00f6nemlidir. K\u00fc\u00e7\u00fcltme, t\u00fcm fazladan bo\u015fluklar\u0131n, sat\u0131r sonlar\u0131n\u0131 gibi gerekli olmayan hemen hemen her \u015feyin kald\u0131r\u0131lmas\u0131 anlam\u0131na gelir. Dosyalar\u0131n\u0131z\u0131 k\u00fc\u00e7\u00fcltt\u00fckten sonra, y\u00fckleme s\u00fcresini de optimize etmek i\u00e7in bunlar\u0131 s\u0131k\u0131\u015ft\u0131rman\u0131z \u00e7ok \u00f6nemlidir. Bir taray\u0131c\u0131 web sitenizi ziyaret etti\u011finde, dosyan\u0131n h\u0131zl\u0131 a\u00e7mak i\u00e7in GZIP veya Brotli kullan\u0131larak s\u0131k\u0131\u015ft\u0131r\u0131lmas\u0131n\u0131 isteyebilirsiniz. T\u00fcm dosyalar\u0131n\u0131z\u0131 bir ZIP ar\u015fivine s\u0131k\u0131\u015ft\u0131rmak, web sitenizin h\u0131zl\u0131 bir \u015fekilde hareket etmesini sa\u011flamak i\u00e7in uzun bir yol kat edecektir. Bunu dosyalar\u0131 ayn\u0131 anda paketlemenin bir yolu olarak d\u00fc\u015f\u00fcn\u00fcn.<\/p>\n
\u00d6rne\u011fin ta\u015f\u0131n\u0131rken, t\u00fcm e\u015fyalar\u0131 birer birer almazs\u0131n\u0131z; her \u015feyi bir kerede \u00e7ok daha kolay ve h\u0131zl\u0131 hareket ettirmek i\u00e7in onlar\u0131 d\u00fczg\u00fcn bir \u015fekilde paketlersiniz. Ayn\u0131s\u0131, web sitenizde h\u0131zl\u0131 g\u00f6sterim i\u00e7in dosyalar\u0131 s\u0131k\u0131\u015ft\u0131rmak i\u00e7in de ge\u00e7erlidir.<\/p>\n
\u201c\u00d6nce en zor i\u015finizi yap\u0131n\u201d s\u00f6z\u00fc web tasar\u0131m d\u00fcnyas\u0131nda ge\u00e7erli de\u011fildir. Asl\u0131nda, ifade tam tersi olurdu, “En zor i\u015fini en son yap.” H\u0131zl\u0131 y\u00fckleme s\u00fcreleri i\u00e7in tasar\u0131m yaparken, sitenizde kullan\u0131lan herhangi bir JavaScript t\u00fcr\u00fcn\u00fc sayfan\u0131n sonuna veya HTML’nin alt\u0131na yerle\u015ftirmek istersiniz.<\/p>\n
men\u00fc, header ve slider gibi web sitenizin \u00fcst k\u0131sm\u0131ndaki i\u00e7eri\u011fe \u00f6ncelik vermelisiniz. T\u00fcm i\u00e7eri\u011fin hemen y\u00fcklendi\u011finden emin olmak i\u00e7in t\u00fcm yava\u015f ve karma\u015f\u0131k JavaScript’inizi sayfan\u0131n en alt\u0131na ta\u015f\u0131mak ak\u0131ll\u0131cad\u0131r. JavaScript’in daha erken y\u00fcklenmesi gereken baz\u0131 kritik par\u00e7alar\u0131 olabilir, ancak bunlar\u0131n \u00e7o\u011funu ertelemek web sitenizin y\u00fckleme s\u00fcresine fayda sa\u011flayacakt\u0131r. Bu \u015fekilde, site ziyaret\u00e7isinin g\u00f6z atmaya ba\u015flama \u015fans\u0131 bulduktan sonra y\u00fcklenecek web sitenizin y\u00fckleme s\u00fcresindeki t\u00fcm zorlu \u015feyleri kurtar\u0131rs\u0131n\u0131z.<\/p>\n","protected":false},"excerpt":{"rendered":"
G\u00fcn\u00fcm\u00fczde web kullan\u0131c\u0131s\u0131n\u0131n d\u00fc\u015f\u00fck y\u00fckleme h\u0131lzar\u0131na veya standart alt\u0131 performansa sahip web sitelerine sabr\u0131 kalmad\u0131. Yar\u0131m saniye, birinin sitenizde kal\u0131p kalmayaca\u011f\u0131 konusunda ciddi fark yaratabilir. Portent taraf\u0131ndan yap\u0131lan bir ara\u015ft\u0131rmaya g\u00f6re, web sitesi d\u00f6n\u00fc\u015f\u00fcm oranlar\u0131, y\u00fckleme s\u00fcresinin her saniyesinde ortalama %4,42 oran\u0131nda d\u00fc\u015f\u00fcyor . Basit\u00e7e s\u00f6ylemek gerekirse, web sitenizin b\u00fcy\u00fck boyutlu resimler, optimize edilmemi\u015f dosyalar… <\/i><\/p>\n","protected":false},"author":1,"featured_media":604,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-603","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-tasarim"],"yoast_head":"\n