سرعت صفحه و سئو: راهنمای کامل

سرعت صفحه چیست؟

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

که گفت:

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

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

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

Time to First Byte: مدت زمانی که طول می کشد تا یک صفحه فرآیند بارگذاری را شروع کند را اندازه گیری می کند.

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

First Meaningful Paint/First Contextual Paint: زمانی طول می کشد که یک صفحه به اندازه کافی منابع خود را بارگیری کند تا کاربر بتواند محتوای آن صفحه را بخواند.

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

این مدت زمان زیادی است… اگر فقط به مدت زمان بارگذاری کل صفحه نگاه کنید.

از سوی دیگر، توجه به First Meaningful Paint گاهی اوقات بهتر نشان می‌دهد که کاربران چگونه با صفحه شما در هنگام بارگیری آن تعامل دارند.

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

حتی اگر زمان زیادی طول می کشد تا کل صفحه بارگیری شود، وقتی کاربر برای اولین بار در صفحه قرار می گیرد، پس از 1.5 ثانیه “اولین رنگ معنی دار” را دریافت می کند.

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

خط پایین؟

روش های مختلفی برای اندازه گیری سرعت صفحه وجود دارد. و هیچ معیار “درستی” وجود ندارد که همه معیارهای دیگر را شکست دهد. همه آنها جوانب مثبت و منفی دارند.

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

چرا سرعت صفحه برای سئو مهم است؟

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

و در سال 2018 گوگل اهمیت سرعت صفحه را با به روز رسانی “Speed” افزایش داد.

به اختصار:

یک وب سایت با بارگذاری کند می تواند به رتبه بندی گوگل شما آسیب برساند.

سوال اینجاست: گوگل چگونه سرعت بارگذاری سایت شما را تعیین می کند؟ آیا آنها به مدت زمان بارگذاری 100٪ صفحه نگاه می کنند؟ یا TTFB؟

آنها هیچ اظهارنظر رسمی در این مورد نکرده اند. اما با توجه به اینکه آنها در مورد تمام این معیارها در ابزار PageSpeed ​​Insights خود گزارش می دهند، به من می گوید که احتمالاً از ترکیبی از اندازه گیری های مختلف سرعت صفحه استفاده می کنند:

با این کار، در اینجا نحوه بهبود سرعت بارگذاری سایت خود آورده شده است.

بهترین شیوه ها

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

من این را در درجه اول قرار می دهم زیرا معمولاً بزرگترین برد است.

از این گذشته، تصاویر معمولاً 50 تا 90 درصد از اندازه یک صفحه را اشغال می کنند.

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

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

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

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

چگونه؟

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

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

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

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

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

کد خود را تمیز و فشرده کنید

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

این شامل:

• HTML
• CSS
• جاوا اسکریپت
• و هر کد دیگری که در صفحه شما یافت می شود

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

در هر صورت: هرچه کد شما پاک‌تر باشد، همه چیز سریع‌تر بارگذاری می‌شود.

(بله، این قافیه است 🙂)

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

هاستینگ را ارتقا دهید

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

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

دلیلش این است که شما یک سرور را با میلیون ها وب سایت دیگر به اشتراک می گذارید.

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

اما می توانم بگویم که به عنوان یک قاعده کلی: وقتی نوبت به میزبانی می رسد، همان چیزی را می گیرید که برای آن هزینه می کنید.

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

ذخیره مرورگر را فعال کنید

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

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

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

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

یک CDN پیاده سازی کنید

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

CDN ها با مشخص کردن مکان فیزیکی بازدیدکننده شما کار می کنند … و سپس منابع سایت شما را از سروری نزدیک به آنها ارائه می دهند.

تست با ابزارهای تست سرعت چند صفحه

اکنون که این مراحل را اجرا کردید، زمان آن رسیده است که وضعیت خود را ببینید.

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

اولین مورد Google PageSpeed ​​Insights است.

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

… و فرصت ها.

و اخیراً یک ویژگی اضافه کرده اند که گزارش می دهد چقدر طول می کشد تا سایت شما برای کاربران واقعی بارگذاری شود (با استفاده از داده های مرورگر Google Chrome).

که فوق العاده مفید است.

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

برای مثال، ابزار Google توصیه می‌کند که «تصاویر را در قالب‌های نسل بعدی ارائه کنم».

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

گفته شد: تعداد زیادی بینش مفید در این ابزار وجود دارد. و من توصیه می کنم تا جایی که می توانید اجرا کنید.

در مرحله بعد، ما WebPageTest.org را داریم.

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

در نهایت، مطمئن شوید که جستجوگر وب سایت را امتحان کنید .

این یک ابزار رایگان بهینه سازی وب سایت است که در مرکز برنامه Semrush برای هر کسی که دارای حساب Semrush است در دسترس است. نکته جالب در مورد آن این است که می توانید سرعت و عملکرد سایت خود را مستقیماً در Semrush به همراه سایر وظایف بررسی کنید و بینش عملی برای تیم وب خود دریافت کنید. 

بیشتر بدانید

مطالعات موردی سرعت موبایل – فشار برای بارگیری سریع‌تر صفحه: 3 مطالعه موردی عمیق که نشان می‌دهد چگونه بهبود سرعت می‌تواند منجر به رتبه‌بندی بالاتر و ترافیک ارگانیک‌تر شود.