چگونه زمان بارگیری صفحه خود را 10 ثانیه کاهش می دهیم

به نظر می رسد سرعت و اجتماعی در مورد یک وب سایت عالی با هم کار نمی کنند. ما سایت خود را به چرخ لنگر (لینک وابسته) و عملکرد و ثبات سایت ما را بسیار بهبود بخشید. اما طراحی سایت ما - با یک پاورقی چاق که فعالیت های اجتماعی ما را در فیس بوک ، توییتر ، یوتیوب و پادکست ما ارتقا می داد - سرعت سایت ما را به خزیدن کاهش داد.

بد بود در حالی که یک صفحه عالی در عرض 2 ثانیه یا کمتر بارگیری می شود ، سایت ما بیش از 10 ثانیه طول می کشد تا یک صفحه کامل شود. مشکل وردپرس یا فلایویل نبود ، مشکل همه عناصر تعاملی بود که از سرویس های دیگر بارگیری کردیم… ابزارک های فیس بوک و توییتر ، تصاویر پیش نمایش Youtube ، برنامه Podcast ما ، من به راحتی نمی توانم سرعت بارگیری آنها را کنترل کنم. تا به حال.

اکنون متوجه خواهید شد که صفحات ما در عرض 2 ثانیه بارگیری می شوند. ما چگونه این کار را انجام دادیم؟ ما یک قسمت پویا به پاورقی خود اضافه کردیم که فقط وقتی کاربر پیمایش می کند تا آن نقطه بارگیری می شود. در پایین مرورگر خود به پایین صفحه بروید (نه تلفن همراه ، برنامه یا رایانه لوحی) و تصویری که در حال بارگیری است را مشاهده خواهید کرد:

بار

با استفاده از jQuery ، ما در واقع پایه صفحه را بارگیری نمی کنیم تا زمانی که کسی در آنجا پیمایش کند. این کد در واقع کاملاً ساده است:

$ (پنجره). پیمایش (تابع () {if (jQuery (سند) .height () == jQuery (پنجره) .scrollTop () + jQuery (پنجره) .height ()) {if ($ ("# placetoload" ) .text (). طول <200) {$ ("# اضافی"). بارگذاری ("[مسیر کامل صفحه برای بارگیری]")}}}))؛

هنگامی که کاربر به پایه صفحه پیمایش کرد ، jQuery go محتوای صفحه مسیر مشخص شده را استخراج کرده و در div که انتخاب کرده اید بارگیری می کند.

در حالی که سایت دیگر از محتوایی که در آن بارگذاری شده است بهره ای نمی برد (زیرا موتور جستجو آن را خزنده نمی کند) ، ما کاملاً مطمئن هستیم که سرعت صفحه بیش از داشتن شخصی به رتبه بندی ، به اشتراک گذاری و تعامل ما کمک می کند. بی صبرانه منتظر بمانید تا صفحه ما به طرز آزاردهنده ای بار شود. از همه بهتر ، این صفحه هنوز همه عناصری را دارد که می خواهیم با بازدیدکنندگان خود درگیر شویم ... بدون اینکه سرعت صفحه را کم کنیم.

ما هنوز کارهایی داریم که باید انجام دهیم ... اما به آنجا می رسیم!

شما چه فکر میکنید؟

این سایت از Akismet برای کاهش هرزنامه استفاده می کند. بدانید که چگونه نظر شما پردازش می شود.