برای امتیاز به این نوشته کلیک کنید!
سرعت لود سایت یکی از فاکتورهای مهم در طراحی وب سایت است. در این مبحث به بیان کردن 20 راهکار کاربردی افزایش سرعت لود سایت می پردازیم.
سرعت سایت برای کاربران اینترنتی از اهمیت بالایی برخوردار است. به طوری که تاخیر یک ثانیه منجر می شود به:
11٪ بازدید کمتر صفحه
16٪ کاهش رضایت مشتری
7٪ از دست دادن نرخ تبدیل
پس نتیجه می گیریم که چند ثانیه اضافی تاثیر بسزایی در جذب مخاطب برای شما به ارمغات خواهد آورد. در این مقاله سعی می کنیم به کلیه نکاتی که منجر می شود سایت شما به سرعت لود مناسبی برسد بپردازیم.
چگونه سرعت لود سایت بر روی جذب مخاطب تاثیر می گذارد!؟
طبق آمار موجود تقریبا نزدیک به 50 درصد از بازدیدکنندگان توقع دارند سایت مدنظرشان زیر 2 ثانیه باز شود. البته در کشور عزیز ما ایران، این موضوع به سرعت اینترنت کاربران نیز وابسته است. تقریبا از آن 50 درصد ، 40 درصدشان وقتی لود سایت به ثانیه سوم می رسد و چیزی نمیبینند سایت را می بنند و به سراغ گزینه ی بعدی می روند!
این بدین معنی است که اگر سرعت لود شما بالای دو ثانیه باشد نیمی از بازدیدکنندگان سایت خود را از دست خواهید داد و این تاثیر بسزایی در جذب مخاطب و تبدیل آن به مشتری دارد. پس بنابراین نرخ تبدیل سایت شما پایین می آید.
همچنین این نکته را هم در نظر داشته باشید که بازدیدکنندگانی با تجربه ی اینکه این سایت سرعت لود بدی دارد، نزدیک به 80 درصد دیگر به آن سایت بازنمیگردند.
همچنین در بررسی هایی که روی سایت walmart انجام شد مشخص گردید به ازای هر ثانیه تاخیر 16 درصد نارضایتی به وجود می آید. در نظرسنجی این سایت از مخاطبان مشخص شد سرعت لود سریع می تواند بیش از 50 درصد افزایش اعتماد برای کاربران فعلی را برای برند به همراه داشته باشد. در نظر سنجی مشخص شده بود نزدیک به 45 درصد از کاربران اینترنتی عملکرد ضعیف بخشی از سایت را با دیگر دوستانشان به اشتراک می گذارند.
با توجه به آماری که داده شد به اهمیت بالا بودن سرعت لود سایت پی بردیم. اما برای این منظور چه فاکتورهایی را باید در نظر بگیریم. ما در این مقاله 20 راهکار عالی به شما معرفی می کنیم تا بتوانید از طریق آن سرعت سایت خود را بالا ببرید.
بهترین زمان برای لود شدن سایت چقدر است؟
قبل از اینکه شروع به بررسی راهکارهای لود شدن سایت کنیم، بهتر است راجع به اینکه چه زمانی برای لود کامل سایت مناسب است اطلاعات کسب کنیم. واقعا بهترین زمان برای لود شدن سایت چقدر است؟ زیر یک ثانیه، تا دوثانیه، سه ثانیه و ….؟
از نظر گوگل بهترین سایتها از نظر سرعت لود سایتهایی هستند که کل عملیات لود آنها زیر 3 ثانیه انجام می شود. پس وقتی ملاک شما اول شدن در گوگل باشد باید سایت خود را طوری طراحی کنید تا در زیر 3 ثانیه باز شود!
متاسفانه یا خوشبختانه اکثر سایتها سرعت لود مناسبی ندارند. چرا متاسفانه؟ چون هنوز خیلی از کسب و کارهای اینترنتی به اهمیت بالا بردن سرعت سایت پی نبردند! چرا خوشبختانه؟ چون فرصت خوبی است که شما با مطالعه ی راهکارهای سرعت لود سایت، از دیگر رقبا پیشی بگیرید.
در حال حاضر سرعت لود سایت بر روی دو دستگاه همواره از طرف گوگل بررسی می شود. یکی بر روی دسکتاپ (لپ تاپ و کامپیوترهای شخصی) یکی هم بر روی موبایل(انواع گوشی و تبلت).
پس اگر من جای شما بودم این 20 راهکار را با توجه به اهمیت سرعت لود سایت انجام می دادم تا در بزرگترین موتورجستجوی جهان بهتر نمایش داده شوم.
20 راهکاری که سرعت لود سایتتان را بالا می برد!
عوامل مختلفی بر روی سرعت لود سایتتان تاثیر گذار است. بنابراین گام های مختلفی برای افزایش سرعت لود سایت باید برداشته شود.
نگران تعداد زیاد گام ها نباشید، نیازی نیست همه عوامل را در یک روز بهینه کنید. فقط کافی است در یک برنامه ریزی یک ماهه تقریبا هر روز یکی از این راهکارها را عملی کنید.
البته اگر در گذشته بر روی سرعت لود سایت خود فعالیتی داشته اید حتما یک سری از این فاکتورها برای سایت شما انجام شده است. پس با در نظر گرفتن تمامی این شرایط شروع می کنیم!
1- کم کردن تعداد درخواست های لود فایل
در اصل این موضوع به حداقل کردن درخواست HTTP مشهور است اما ما برای اینکه همگان درک بهتری از موضوع داشته باشند واژه های سخت را به شکل راحتری برای شما توضیح می دهیم.
یکی از عوامل تاثیر گذار بر روی سرعت لود سایتها، تعداد فایلهایی است که مرورگر برای نمایش کامل سایت باید آن را دانلود کند.
هر چقدر تعداد فایلها بیشتر باشد، سرعت لود سایت افزایش پیدا می کند. برای دیدن تعداد فایلهایی که در یک سایت آپلود می شود (بهمراه زمان بارگزاری) می توانید از ابزار Network در Insept مرورگر کروم استفاده کنید.
نمایش تعدا فایلها به همراه ثانیه لود آنها در سایت شایگان
می بینید در تصویر بالا بیشترین زمان لود برای فراخوانی فایل فونت و زمانی است که سرور به درخواست مرورگر پاسخ می دهد. شما با مشاهده این لیست در میابید که کدام فایلها برای شما مشکل ساز هستند و در صورت ممکن می توانید آنها را حذف کنید.
2- فایل ها را یکی و فضاهای اضافی را پاک کنید
اکنون که میدانید باید تعداد درخواستها را کم کنید می توانید در مرحله اول به سراغ فایلهای HTML و CSS و JS بروید. تا جای ممکن فاصله ها را در این فایلها حذف کنید(مثل اسپیس ها و اینترها تا فایل کم حجم تر شود).
سپس سعی کنید یک فایل css درست کنید و کلیه اطلاعات درون فایلهای css را به ترتیبی که در سند HTML فراخوانی می شود در آن قرار دهید و به جای فراخوانی همه فایلها همان یک فایل css را فراخوانی کنید. به این شکل تعداد درخواستها کاهش می یابد. همین کار را برای فایلهای JS نیز بکنید.
شاید بعضی ها فکر کنند با حذف فضاهای خالی و یک فایل کردن کل css ها و js ها کد کثیف ایجاد شود و ممکن است این کد کثیف تاثیر منفی بگذارد، زیراکه رباتهای گوگل شاید بر روی تمیز بودن کدها تاکید داشته باشند!
اینکه ربات گوگل به خوانایی کدها اهمیت میدهد غلط است! شما فقط باید کدها را درست وارد کنید. پس بنابراین فشرده سازی فایلها (minify) بر روی سرعت سایت و بهتر دیده شدنش کمک می کند.
در سیستم مدیریت محتوای وردپرس یکی از بهترین افزونه ها برای فشرده سازی فایل ها افزونه WP-Rocket است.
3-بارگزاری غیر همزمان CSS و JS
کدهای css و جاوااسکریپت را می توان به صورت همزمان یا ناهمزمان فراحوانی کرد. اگر بارگزاری فایلها همزمان باشد در همان فراخوانی اول صفحه توسط مرورگر کلیه فایلها دانلود شده و در مرورگر برای نمایش ذخیره می شوند، پس این امر سرعت سایت را پایین می آورد.
اما اگر بارگزاری فایلها به صورت ناهمزمان باشد و فقط جایی که آن فایلها مورد نیاز بود فراخوانی شود باعث افزایش سرعت سایت می شود.
در سیستم وردپرس افزونه wp-rocket را معرفی کنیم، در این افزونه امکانی برای ناهمزمان سازی لود این فایلها وجود دارد که توسط آن می توانید سرعت سایت را تا حد بسیار زیادی افزایش داد.
4- Defer کردن فایلهای جاوا اسکریپت
با دفر کردن فایلهای جاوا اسکریپت به این معناست که ابتدا فایلهای دیگر سایت بارگزاری شوند و در صورت نیاز فایلهای اسکریپت بارگزاری شوند. در سیستم وردپرس توسط امکان “Load JS files delayed” در افزونه wp-rocket این کار انجام می شود.
در سایتهای دیگر باید از کد زیر برای دفرکردن جاوا اسکریپت ها استفاده کنیم. این کد را باید دقیقا بعد از تگ body قرار دهیم.
code defer loading javascript
برای کسب اطلاعات بیشتر در خصوص دفر کردن جاوا اسکریپت بر روی defer loading javascript کلیک کنید.
5-زمان اول درخواست از سرور سایت را کاهش دهیم!
علاوه بر زمان لازم برای بارگزاری فایلهای سایت، زمانی که درخواست به سرور سایت ارسال می شود تا جوابی برگردد و شروع بارگزاری آغاز شود بسیار اهمیت دارد.
این زمان که به TTFB معروف است مربوط به چند عامل است:
- به سرعت اینترنت شما بستگی دارد.
- به سرعت سرور بستگی دارد.
- به فاصله ISP اینترنت دهنده شما تا محل سروری که در آن اطلاعات سایت هست بستگی دارد.
استفاده از سرورهایی با سرعت بالا و آن تایم و داخل ایران می تواند بهترین گزینه برای سایتهای فارسی زبان باشد. همچنین استفاده از یک اینترنت با سرعت خوب نیز می تواند شما را در برآورد سرعت بهینه سرور کمک کند.
همانطور که در تصویر ابتدایی مقاله با نام نمایش تعداد فایلها به همراه ثانیه لود آنها در سایت شایگان مشاهده کردید، اولین المان مدت زمانی بود که تلف شد تا جواب اولیه از سرور برای شروع بارگزاری داده شود.
مراحل ارسال فایل از طریق سرور به شکل زیر است:
- مراجعه به DNS
- پردازش سرور
- واکنش
شما با استفاده از ابزار Network مرورگر کروم می توانید ببینید سرعت درخواست به سرور و بازگشت آن چقدر طول می کشد. برای بررسی آنلاین سرعت ارسال اولین بایت توسط سرور می توانید از سایت performance.sucuri.net بهره ببرید.
6-کم کردن زمان جستجوی DNS
یکی از عوامل مهم برای بارگزاری و سرعت لود سایت این است که IP هاست شما برای ISP معرفی شود. اگر این معرفی در سایت انجام نشود هر ISP که قصد داشته باشد سایت شما را نشان دهد اول به دنبالIPهاستی که DNS دامنه روی آن ست است می رود و بعد از پیدا کردن آن اطلاعات هاست را بر اساس IP مدنظر نشان می دهد.
بگذارید با یک مثال کار را پیش ببریم. فرض کنیم شما در آدرس مرورگر خود shayegan.net را تایپ می کنید. به طور معمول، ISP یا همان شرکتی که به شما اینترنت داده است، ابتدا برای نمایش اطلاعات هاست مورد نظر، بررسی می کند که shayegan.net بر اساس DNS اش با چه IP سروری ست شده است. این مدت زمان اهمیت زیادی برای سرعت لود سایت دارد.
مدت زمان یافتن DNS و IP سرور به ارائه دهنده DNS دارد. برای این موضوع باید هاستینگی را پیدا کنید که این سرعت را برای شما ارتقا دهد. معمولا هاست های اشتراکی از سرعت پایینی در این مورد برخوردار هستند و فقط بر روی سرورهای اختصاصی خدمات سرعت جستجوی سریع DNS می دهند.
البته شما می توانید برای هاستینگ های اشتراکی با تهیه IP اختصاصی پر سرعت و ست کردن آن در htaccess سایتتان سرعت لود سایت خود را تا حد قابل ملاحظه ای بالا ببرید.
7-انتخاب هاستینگ مناسب
بیشتر کسانی که برای اولین بار قصد طراحی سایت را دارند از گزینه ارزانترین برای انتخاب هاست استفاده می کنند. اینکه سایت شما بر روی چه هاستی قرار داده شده باشد می تواند روی سرعت سایت شما تاثیر گذار باشد.
شما در هنگام انتخاب هاست سه گزینه دارید:
- هاست های اشتراکی (هاست داخل یا خارج ایران)
- هاست های VPS (هاست داخل یا خارج ایران)
- سرور های اختصاصی (سرور داخل یا خارج ایران)
هاست های اشتراکی کم هزینه ترین هاست ها هستند. شما برای داشتن این هاست ها می توانید هزینه کم تری را واریز کنید اما این سایتها به دلیل تخصیص منابع به کلیه مشترکین معمولا از سرعت پایینی برخوردارند.
هاست های VPS که مخفف Virtual Private Server به معنی سرور مجازی اختصاصی است. هاست VPS نسبت به هاست اشتراکی توانایی ها و قابلیت های فنی بیشتری را در اختیار کاربر قرار می دهد. منابع سخت افزاری با استفاده از تکنولوژیهای مجازی سازی به چندین بخش تقسیم می شود و به همین دلیل در زمان استفاده از VPS وب سایت های روی آن کمتر در معرض خطرات امنیتی و مشکلات قرار می گیرد.
سرور اختصاصی به این مفهوم است که شما یک هاست با منابعی کاملا اختصاصی دارید. یعنی اگر سرور شما دارای 8 گیگابایت رم باشد این 8 گیگابایت فقط برای سایت شما مورد استفاده قرار می گیرد.
در ایران و در تمامی انواع هاست، اینکه هاست یا سرور شما در خارج یا داخل کشور باشد نیز بر روی سرعت سایت تاثیر گذار است.
پیشنهاد ما این است که برای خرید یا ارتقای هاست به سراغ سرور مجازی اختصاصی VPS بروید تا هم مشکل سرعت شما بر طرف شود هم امکان برطرف سازی مشکلاتی که در شماره های قبلی بدان اشاره شد ساده تر گردد.
8-استفاده از خاصیت GZIP یا فشرده سازی فایلها
فشرده سازی فایلها باعث می شود کاربر فایلهایی با حجم کمتری را دریافت کند و این یعنی افزایش سرعت لود سایت که به GZIP یا فشرده سازی معروف است.
برای فعال سازی GZIP در هاست باید توسط کنترل پنل هاست این کار را انجام دهید و یا با استفاده از کد در htaccess این خاصیت را در هاست خود اجرا کنید.
اگر از سیستم وردپرس استفاده می کنید می توانید توسط افزونه های wp-rocket یا افزونه w3-total-cache این قابلیت را به صورت خودکار در سایت خود اعمال کنید.
9-استفاده از کش مرورگر
وقتی شما از یک وب سایت بازدید می کنید فایلهای آن وبسایت بر روی مرورگر شما ذخیره سازی کامل یا موقت می شود. توسط این خاصیت مرورگرها می توان سرعت وب سایت را تا حد قابل توجهی بالا برد. چطور؟
استفاده از کش مرورگر یعنی اینکه وقتی برای دومین بار سایت مد نظر را باز کنید دیگر درخواستی برای سرور به منظور ارسال اطلاعات فرستاده نمی شود و از کش و اطلاعات قبلی ای که مرورگر دانلود کرده برای نمایش استفاده می کند.
استفاده از کش برای افزایش سرعت سایت روالی است که تقریبا اکثر سایتهای مهم انجام می دهند. به هر حال این روش در مرحله ی اولی که سایت توسط کسی باز می شود تاثیر زیادی ندارد و تاثیر اصلی آن هنگامی است که بخواهد به صفحات دیگر سایت برود و یا اینکه چند ساعت بعد دوباره به سایت سر بزند. زیرا در مرحله اول وقتی مرورگر اطلاعاتی در خصوص سایت در کش خود نداشته باشد کلیه ی واکشی ها برای دریافت اطلاعات انجام می شود.
چطور از کش مرورگر استفاده کنیم:
در سایت های اختصاصی و یا HTML مجبور به استفاده از کد در فایل htaccess هستیم.
در زیر مثالی از کد دستی خواهید دید، برای دیدن مثالهای بیشتر در خصوص کدهای کش مرورگر کلیک کنید.
در سایت هایی که با وردپرس هستند می توانید توسط افزونه های wp-rocket و یا w3-total-cache اقدام به انجام تنظیمات کش مرورگر کنید.
10-بهینه سازی اندازه تصویر
تصاویر یک سایت نقش بسیار مهمی در سرعت لود آن دارند. معمولا تصاویر جزو فایلهای زیاد یک سایت و از بزرگترین فایلهای سایت از نظر حجمی به حساب می آیند. این بدین معنی نیست که بیاییم و تصاویر را حذف کنیم! باید آنها را بر اساس سایز مورد نیاز بهینه کنیم.
مثلا در سایتهای فروشگاهی برای نمایش محصول باید استاندارد حداقل 3 عکس برای هر محصول را رعایت کنید تا درصد خرید اینترنتی شما بالا برود! و یا برای بالا بردن نرخ تبدیل کاربر به مشتری استفاده از تصاویر همواره یک عملکرد مطلوب به شمار می آید. پس حذف تصاویر را فراموش کنید و به فکر درست کردن کار بیافتید.
شما می توانید برای بررسی سرعت لود سایت و بهینه سازی تصاویرتان از ابزارهای موجود در اینترنت مثل gtemtrix یا pingdom استفاده کنید. در تصویر زیر من وبسایت شایگان را در gtmetrix زدم و در بخش optimize images تصاویری که نیاز به بهنیه سازی دارند را با ذکر میزان بهینه سازی می توانم ببینم.
نمایش بهینه سازی تصاویر برای سایت شایگان در GTMetrix
اولین راهکار برای بهینه سازی تصاویر سایت به منظور بالا بردن سرعت لود، این است که دقیقا به سایزی که نیاز هست تغییر بدهیم و در سایت آپلود کنیم.
یک روش دیگر پایین آوردن رزولوشن عکس توسط نرم افزارهای ویرایش تصویر مثل فتوشاپ است. بعد از درست کردن سایز تصویر برای ذخیره سازی آن از گزینه save for web در فتوشاپ استفاده کنید و حالت ذخیره سازی آن را روی Low یا medium قرار دهید. این کار باعث می شود تصویر با یک حجم حداقل ذخیره شود و این روی سرعت سایت شما تاثیر بسزایی خواهد گذاشت. البته در این مورد می توانید برای بهتر کردن تصاویر از سایت Comptessor.io نیز استفاده کنید.
اگر سایت شما وردپرسی است می توانید برای بهینه کردن تصاویر خود از افزونه WP Smush استفاده کنید. این افزونه قادر است (البته در ورژن پولی) تصاویر سایت شما را خودکار بهینه کند و همچنین در تنظیمات قابل تنظیم است که برای تصاویری که تازه بارگزاری می شوند نیز تنظیمات مربوط به بهینه سازی تصویر را انجام دهد.
سوال دیگری که در اینجا مطرح می شود این است که چه فرمتی برای ذخیره سازی تصویر مناسب است؟ در زیر جدولی به همین منظور تعیین کرده ایم که ملاحظه می کنید:
فرمتهای تصاویر و میزان بهینه بودن آنها
همانطور که در جدول بالا می بینید دارا بودن هر چهار گزینه losseless , lossy, transparent , animation برای یک فرمت به معنی بالا رفتن حجم است. در میان فرمت های بالا تنها پسوند JPG است که کمترین گزینه ها را دارد. بنابراین ذخیره سازی تصاویر با این پسوند به بهتر شدن سرعت سایت کمک می کند.
البته در سایتهایی که نیاز به استفاده از تصاویری دقیق و با کیفیت بالا هست معمولا از فرمت PNG برای نمایش تصاویر استفاده می کنند. چون این فرمت با کیفیت ترین و البته پرحجم ترین تصاویر را می تواند در اختیار قرار دهد.
GIF ها را معمولا برای تصاویر متحرک و یا بنرهای تبلیغاتی استفاده می کنند. در سایتهایی که نیاز به انمیشن سازی برای نمایش عملکرد هست بهتر است به جای نمایش ویدئو از گیف آن استفاده شود.
یک نکته مهم دیگه اینکه از فرمت های BMP یا TIFF در سایت استفاده نکنید.
11- استفاده از CDN
شما به جز استفاده از سرور خودتان، می توانید از شبکه های دیگر سرور نیز برای کاهش بار بازدیدکنندگان استفاده کنید. برای اینکار باید از CDN استفاده کنید.
هنگامی که سایت شما در یک سرور میزبانی می شود، هر کاربری که از آن بازدید می کند، درخواست هایی را برای همان سرور ارسال می کند.
این بدان معنی است که هنگامی که سایت شما سطح بالایی از ترافیک را تجربه می کند، زمان لازم برای پردازش هر درخواست افزایش می یابد و زمان بارگیری برای همه آنها کاهش می یابد.
یک CDN که مخفف Content Delivery Network به معنی شبکه تحویل محتواست می تواند به شما کمک کند تا بار ترافیکی از روی سرورتان را کم کنید و همچنینی بخ کاربرانی که از نظر موقعیت مکانی به موقعیت سرور شما دور هستند کمک کند تا سایت را سریعتر باز کنند. چطور؟
با استفاده از CDN سایت شما در یک شبکه جهانی ذخیره می شود، و وقتی یک کاربر سایت شما را بخواهد باز کند درخواستش به نزدیکترین شبکه به وی ارسال می شود، بنابراین سرعت سایت تا حد قابل توجهی بالا می رود.
یکی از بهترین سایتها برای انجام این کار به صورت رایگان سایت cloudflare است.
12- استفاده از فضای سایتهای دیگر برای نمایش رسانه ها
یکی از مواردی که بسیار روی سرعت هاست و سایت تاثیر گذار است این است که برخی رسانه ها را مثل ویدیو را در سایتهای اشتراک گذاری ویدئو بارگزاری کنیم!
شاید برای برخی این به این شکل به نظر بیاید که اگر ویدئو در سایت خودمان باشد تاثیرش در سئو بیشتر است! حال آنکه سئو در حال حاضر بیش از 200 فاکتور را داراست و باید دید کدام فاکتورها روی بهتر دیده شدن شما تاثیر می گذارد.
مسلما وقتی شما برای رسانه های خود مثل کتابهای PDF و یا اسلایدها و یا ویدئو می توانید از سایتهای ارائه دهنده این خدمات استفاده کنید و بعد با یک کد کوچک آن را در سایت خود فراخوانی کنید، هم توانسته اید از هاست خود کمتر بهره ببرید و هم اینکه از هاست سایتهای دیگر برای نمایش امکانات و خدمات خود استفاده کنید، و البته توانسته اید توسط این کار بیشتر دیده شوید(هم در سایت خود و هم در سایتی که محتوای رسانه ایتان را در آن انتشار داده اید.)
در کشور ما بهترین رسانه برای انتشار ویدئو سایت آپارات است. شما براحتی می توانید از این سایت برای انتشار فایل های ویدئویی خود استفاده کنید، بیشتر دیده شوید، کمتر از حجم هاست خود استفاده کنید و سرعت بارگزاری صفحاتتان را نیز بالا ببرید!
13- استفاده درست و بهینه از CSS
تا جای ممکن از نوشتن کد CSS در HTML جلوگیری کنید. روش درج کدهای CSS در HTML به سه روش، درون خطی، درون صفحه ای و خارجی است.
شما باید برای بهبود سرعت سایتتان از روش سوم یعنی خارجی استفاده کنید. چرا؟
چون کدهای CSS درون خطی و درون صفحه ای باعث افزایش تعداد خطهای کد می شود. برای دیدن نحوه بارگزاری CSS سایتتان می توانید به https://varvy.com/tools/css-delivery/ بروید و آدرس سایت خود را وارد کنید تا نتیجه را ببینید.
14- بارگزاری لحظه ای صفحات Lazy Load
شما برای اینکه به مخاطبان سایتتان را نمایش دهید در حالت عادی مجبور هستید کل صفحه را برای آنها لود کنید. اما اگر این امکان بود که هر صفحه از سایت شما فقط تا جایی که نمایش داده می شود لود شود و ادامه لود به هنگام اسکرول رخ می داد سرعت سایت شما به مراتب زیادتر می شد.
خبر خوب برای شما این است که این خاصیت را می توانی به سایت خود اضافه کنید. این کار Lazy load نامیده می شود و برای سایتهایی که محتوای زیادی در هر صفحه دارند توصیه می شود.
برای مثال فرض کنید وارد یک سایت خبری شده اید که در صفحه اول آن 20 خبر با تصویر وجود دارد و یک اسلایدشو در بالا. در حالت معمول شما اگر سایت را باز کنید مرورگر مجبور به بارگزاری هر 20 تصویر + تصاویر اسلایدشو است. اما در حالت Lazy load فقط تصاویری بارگزاری می شود که در نمایشگر درخواست کننده بخواهند نمایش داده شوند و مابقی تصاویر هنگامی که صفحه اسکرول می شود به صورت خودکار نمایش داده می شوند.
البته توصیه می شود معمولا این کار را برای صفحه اصلی انجام ندهید! چرا همراه با مشکلاتی در نمایش خواهد بود.
15-تعداد افزونه ها و اسکریپت ها را کاهش دهید
در خیلی از سایتها افزونه ها و اسکریپتهایی وجود دارند که نبود آنها هم خلالی در نمایش و ماهیت سایت به وجود نمی آورند. مثلا اگر از خبرنامه استفاده نمی کنید افزونه خبرنامه را بردارید. اگر اسکرپیتی برای انیمیشن به سایت خود اضافه کرده اید و از آن استفاده چندانی نمی کنید بهتر است آن را از سایت خود حذف کنید.
حذف هر افزونه یا اسکریپت می تواند سرعت لود سایت شما را تا حد زیادی افزایش دهد. البته اگر طراح سایت دارید حتما قبل از انجام هر کاری با وی مشورت کنید.
16- ریدایرکت ها را کم کنید
در بسیاری از سایتها دیده شده که آدرس دهی صفحات سایت یا مطالب را تغییر می دهند و بعد برای از بین نرفتن سئوی آنها، به آدرس جدید ریدایرکت انجام می شود. تا جای ممکن این کار را نکنید.
هر چقدر ریدایرکت ها بیشتر باشد در انجام عملیات نمایش سایت سرعت لودینگ بالا میرود. زیرا برای انجام ریدایرکت چند درخواست به HTTP ارسال می شود.
17- کاهش اسکریپتهای خارجی
منظور از اسکریپتهای خارجی استفاده از فایلهای JS است که از خارج از هاست شما بارگزاری می شود. مثلا تصاویر گراواتار در نظرات وبلاگ و یا استفاده از کدهای خارجی برای فراخوانی بوت استرپ و یا استفاده از کدهای فونت!
تا جای ممکن کدهایی که دارند فایلهایی خارج از سرور شما را فراخوانی می کنند را کاهش دهید. این امر روی سرعت سایتتان تاثیر بسزایی خواهد گذاشت.
18- استفاده از رنگ بندی مناسب و آیکونهای فونتی به جای تصاویر
خیلی وقتها می توان به جای استفاده از تصاویر از رنگ ها و فونتهای آیکونی مثل فونت آسم استفاده کرد. این کار با سلیقه مناسب می تواند همان زیبایی ای را به سایت شما بدهد که یک عکس می دهد.
اما تفاوتش در لود بسیار قابل لمس است.
19- مانیتورینگ سرعت سایت حداقل یک ماه یکبار
سایت خود را هر چند وقت یکبار از نظر سرعت بررسی کنید. همانطور که گفتیم دو سایت GTMetrix و Pingdom دو سایت خوب برای مانیتور کردن سرعت سایت هستند.
با توجه به تعداد بالای فاکتورهای سرعت لود سایت امکان دارد در طول زمان تغییراتی بر روی سایت شما اتفاق بیافتد که منجر به کاهش سرعت لود شود. برای اینکه این تغییرات به جایگاه سایت شما لطمه نزد هر ماه یک گزارش از سرعت لود سایت تهیه کنید.
20- سرعت سایت در حالت موبایل
امروزه بیش از 50 درصد جستجوها در حالت موبایل و تبلت انجام می شود. بنابراین افزایش سرعت در حالت موبایل می تواند شما را پیروز کند! چطور این کار را انجام دهیم؟
سایتتان باید واکنش گرا باشد.
در حالت موبایل تا جای ممکن تصاویر یا باکسهایی که نیاز به نمایش ندارند را حذف کنید.
از خاصیت amp برای نمایش مطالب سایتتان استفاده کنید.
تا جای ممکن در حالت موبایل css و javascript های اضافی را پاک کنید.
بهترین ابزار برای دیدن سرعت لود سایت در موبایل ابزار page speed google است.
نتیجه گیری در خصوص فاکتورهای سرعت لود سایت
بالا بردن سرعت سایت و گرفتن بار اضافی از روی سرور بزرگترین چالشی است که شما با آن مواجه هستید.
باید توجه داشته باشید که کم شدن سرعت لود سایت بر روی عملکرد کلی سایت شما تاثیر می گذارد و نه فقط بر روی چند کلمه و …
سعی کنید همیشه در تمامی ابزارهای تست سرعت لود عددی بالای 80 را دریافت کنید. برای داشتن امتیازسرعت لودی نزدیک به 100 زیبایی سایت را فدا نکنید!
20 فاکتوری که بدان اشاره شد هر کدام یک گام کوچک برای بهتر شدن هستند. شما با بیشتر کردن این گامهای کوچک می توانید سایت خود را به بهترین سایت در زمینه ی کاریتان تبدیل کنید.