سرعت لود صفحه و سئو

سرعت لود صفحه

سرعت لود صفحه و تاثیر آن بر روی سئو سایت

سرعت لود صفحه چیست؟

Page Speed ​​مقدار زمان لازم برای بارگیری یک صفحه وب است. سرعت بارگذاری صفحه توسط عوامل مختلفی تعیین می شود، از جمله سرور سایت، اندازه فایل های صفحه و فشرده سازی تصاویر.

“سرعت صفحه” انقدر ها هم که فکر میکنید ساده نیست.

موارد بسیاری برای اندازه گیری سرعت لود صفحه وجود دارد که در زیر به 3 مورد از آنها اشاره کرده ایم:

لود کامل صفحه : این است که چقدر طول می کشد تا 100٪ از منابع در یک صفحه بارگذاری شود. این روش ساده ترین راه برای تعیین میزان بارگذاری صفحات است.

زمان شروع اولین بایت : این اندازه گیری می کند که چه مدت طول می کشد تا یک صفحه روند بارگیری را شروع کرده و استارت بزند.

شروع اولین بایت در لود صفحه

اگر تا به حال در یک صفحه از سایت رفته اید و برای چند ثانیه به یک صفحه سفید خیره شده اید، TTFB  یا همان time to first byte در حال کار است.

اولین چیزی که کاربر میبیند : در حین لود شدن سایت اولین چیزی که کاربر میبیند بسیار مهم است همانند رنگ ها و محتوا

به عنوان مثال، بگذارید بگوییم شما یک پست وبلاگ دارید که به طور کامل 10 ثانیه طول می کشد تا لود شود.

مدت زمان لود کامل صفحه ای از وبلاگ

این یک مدت طولانی است …

اولین رنگ ذهنی در اینجا به شما کمک میکند زیرا حتی اگر مدت زمان لود صفحه شما طولانی باشد نیز تغییراتی در صفحه موجب ایجاد برقراری ارتباط بین کاربر و آن صفحه میگردد.

شما 1.5 ثانیه را به عنوان مدت زمان طلایی در نظر بگیرید و سعی کنید در مدت زمان 1.5 ثانیه حتماً تغییراتی در صفحه ایجاد شود که توجه کاربر جلب شود.

اولین تغییرات در صفحه در 1.5 ثانیه لود سایت

این بدین معنی است که کاربران میتواند در سریعترین زمان ممکن با صفحه ارتباط برقرار نمایند. در این حالت برای یک کاربر صفحه شما بسیار سریع خواهد بود.

 

چرا سرعت لود صفحه برای جستجوگرها مخصوصاً گوگل مهم است؟

گوگل سرعت صفحه را به عنوان عامل رتبه بندی از سال 2010 استفاده کرده است.

فاکتور سرعت صفحه در گوگل از سال 2010

و در سال 2018 گوگل سرعت لود سایت را بروز رسانی کرد و اهمیت آن را نیز بیشتر از قبل کرد.

سرعت لود سایت در سال 2018 توسط گوگل

به اختصار:

سرعت لود سایت شما هر چقدر بیشتر باشد میتواند به رتبه سایت شما صدمه بزند.

سوال این است: گوگل با چه معیاری سرعت سایت شما را تعیین میکند ، آیا به مدت زمان اولین لود را در نظر میگیرد یا مدت زمان لود شدن کامل صفحه؟

آنها هیچ اظهارنامهای رسمی درباره این موضوع منتشر نکرده اند.

اما با توجه معیارهای Insight PageSpeed ، احتمالا گوگل برای این کار ترکیبی از اندازه سرعت صفحات مختلف استفاده می کند:

تست سرعت صفحات توسط گوگل

در اینجا سرعت صفحات سایت شما مشخص میگردد که به چه صورت است.

 

کارهایی که باید انجام دهید برای بهبود سرعت لود سایت:

فشرده سازی تصاویر

من این را برای اولین بار قرار دادم زیرا معمولا بیشترین بهره وری را دارد.

تصاویر معمولا تا 50-90٪ از اندازه یک صفحه را میگیرند.

کاهش حجم عکس ها در صفحه

(و سرعت بارگیری)

برای مثال، به این گزارش تست سرعت از یک صفحه در سایت من نگاه کنید:

گزارش تست سرعت یک صفحه از سایت

همانطور که می بینید 86.2٪ از اندازه صفحه مربوط به تصاویر است:

حجم مربوط به تصاویر در صفحه

بنابراین بهرچه بتوانید بیشتر تصاویر خود را فشرده کنید سریعتر صفحه شما بارگذاری خواهد شد.

چطور؟

اگر سایت شما در وردپرس اجرا شود، من به شدت یک افزونه به نام WP Smush را توصیه می کنم:

افزونه کاهش حجم تصاویر در وردپرس

این به طور خودکار هر تصویری را که شما در کتابخانه رسانه وردپرس آپلود می کنید فشرده می کند. و حداقل بر اساس سازندگان افزونه، این می تواند اندازه فایل تصویر را تا 14.2٪ کاهش دهد.

وردپرس را استفاده نمی کنید؟ هنوز هم گزینه های فشرده سازی تصویر وجود دارد، مانند Caesium و Mass Image Compressor

برخلاف روزهای قبل،

اکثر ابزار های فشرده سازی هم اکنون میتوانند میزان سایز تصاویر را به اندازه ای کم کنند که هیچ آسیبی به اصل عکس وارد نیاید.

به عنوان مثال، ما 100٪ تصاویر را در اینجا در سئو هاب فشرده می کنیم. و آنها هنوز هم زیبا هستند:

عکس های فشرده شده در سایت ما

پاک کردن و فشرده سازی کد شما

به عبارت دیگر: منابع موجود در صفحه خود را کم کنید

این شامل:

HTML
CSS
JavaScript

و هر کد دیگری که در صفحه شما وجود دارد میشود.

اولین قدم شما باید تمیز کردن کد های صفحه باشد به این معنی که کد های اضافی را از صفحه خودتان پاک کنید.

سپس، کد خود را با استفاده از یک برنامه مانند GZip فشرده کنید.

ارتقاء میزبانی (هاست)

این یک نکته است که من عموماً صحبت های زیادی در مورد آن در سطح وب نمیبینم.

شما می توانید کد خود را پاک کنید و تصویر را فشرده کنید در طول روز. اما اگر میزبانی شما یک میزبانی ارزان قیمت باشد سایت شما به سرعت بارگذاری نخواهد شد.

این به این دلیل است که شما با یک میلیون وب سایت دیگر در حال استفاده از یک هاست به صورت اشتراکی هستید.

یک میلیون میزبان وب وجود دارد. بنابراین من نمیتوانم یکی را به طور خاص توصیه کنم.

اما من می توانم این را به عنوان یک قاعده کلی بیان کنم: سعی کنید قویترین میزبانی با کمترین میزان اشتراک تهیه کنید. یعنی اگر هاستینگ شما با صد ها سایت دیگر مشترک است آن را انتخاب نکنید اما اگر فقط چند سایت بر روی یک سرور وجود دارد این برای شما مناسب خواهد بود.

بنابراین اگر شما در مورد بهبود سرعت بارگذاری سایت خود جدی هستید میتوانید حتی از هاست های اختصاصی استفاده کنید که بهترین گزینه هستند.

فعال کردن کش

این اجازه می دهد تا کاربران بخشی از صفحه را در حافظه مرورگر خود ذخیره کنند.

تاثیر کش در سرعت لود سایت

بنابراین دفعه بعد که آنها از سایت شما بازدید می کنند، صفحات را خیلی سریع تر باز می کنند.

یک صفحه با کش و بدون کش

متأسفانه این به شما در مورد کاربرانی که برای اولین بار به سایت شما وارد شده اند کمکی نمی کند. اما برای بهبود سرعت بارگذاری خود برای افرادی که از سایت شما بازدید کرده اند، عالی است.

شما می توانید کش را در فایل .htaccess خود تنظیم کنید. یا با یک افزونه وردپرس آن را تنظیم کنید.

 

اهمیت یک CDN

یک شبکه تحویل محتوا (CDN) یکی از ساده ترین راه ها برای افزایش سرعت بارگذاری سایت شما است.

CDN ها با کشف کردن جایی که بازدید کننده شما ارجاع داده میشود (مثلاً کدام شهر) کار می کند … و سپس منابع خود را از یک سرور نزدیک به آنها ارائه می نماید.

وجود CDN در افزایش سرعت سایت

تست با ابزارهای تست سرعت چندگانه

اکنون که این مراحل را اجرا کرده اید، زمان دیدن چگونگی انجام این کار است.

و من توصیه می کنم سرعت صفحه خود را با استفاده از دو ابزار مختلف تست کنید.

اول ابزار Google PageSpeed ​​است.

ابزار تست سرعت سایت

ابزار گوگل در واقع صفحه شما را برای وجود مشکلات بررسی می کند.

گزارش مشکلات در اسکنر سرعت سایت

و فرصت ها…

آنالیز سرعت سایت در سرویس گوگل

در این سرویس بخش جدیدی ایجاد شده است که میزان سرعت لود واقعی سایت شما را برای کاربران نمایش میدهد (با استفاده از داده های مرورگر گوگل کروم)

میزان سرعت لود واقعی سایت

یک هشدار: گاهی اوقات می توانید دریابید که توصیه های این ابزار برای سایت شما مناسب نیست.

به عنوان مثال، ابزار گوگل پیشنهاد داد که فرمت عکس ها را تغییر دهم

پیشنهاد گوگل برای تغییر فرمت عکس ها

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

چندین بینش مفید در این ابزار وجود دارد. و من توصیه می کنم تا آنجا که می توانید انجام دهید.

در مرحله بعدی ما WebPageTest.org را به شما معرفی میکنیم برای این کار

WebPageTest.org

در مورد WebPageTest به این صورت است که صفحه شما را در مرورگر واقعی بارگذاری می کند. و به شما اجازه می دهد تا در مورد قسمت های خاصی از صفحه خود که مدت زمان زیادی برای بارگذاری دارند را بدانید و آگاه شوید.

گزارش سایت WebPageTest