سرعت بارگذاری صفحات در گوگل یکی از سیگنال های مهم در محاسبات رنکینگ گوگل است. علاوه بر اهمیت سرعت بارگذاری صفحه از نظر موتورهای جستجو، سریع بودن صفحات، تاثیر مثبت در تجربه کاربر از گشت و گذار در سایت می گذارد و انگیزه کاربر برای بازدید از صفحات دیگر و بازگشت مجدد به سایت را نیز بیشتر می کند. به دلیل تعداد بالاتر کاربران موبایل نسبت به کاربران دسکتاپ و ضعیف تر بودن سخت افزار موبایل نسبت به دسکتاپ و همچنین به دلیل نیاز کاربر موبایل به دسترسی سریع به اطلاعات، سرعت بارگذاری صفحات برای کاربران موبایل از اهمیت ویژه ای برخوردار است. سریع بودن صفحات باعث افزایش تعداد بازدید از صفحات به ازای هر کاربر و در نتیجه کاهش نرخ پرش (bounce rate) می شود.
پارامترهای بسیاری از جمله سخت افزار سرور، تنظیمات سرور، تنظیمات شبکه، بهینه بودن کدنویسی، طراحی دیتابیس، بهینه بودن تصاویر و موارد متعدد دیگر در سرعت بارگذاری صفحه تاثیر گذار هستند.
یکی از پارامترهای قابل اندازه گیری توسط ابزارهای گوگل، پارامتر PageSpeed است که با نظر گرفتن برخی موارد مانند بهینه بودن HTML JS ، CSS و تصاویر، استفاده از کش، عدم وجود مواردی که منجر به ایجاد تاخیر در رندر صفحه می شوند، سرعت پاسخگویی سرور و همچنین ترتیب بارگذاری CSS و JSو موارد دیگر، نمره ای بین ۰ تا ۱۰۰ را برای هر صفحه در نظر می گیرد. پارامتر PageSpeed توسط ابزار کاربردی Google PageSpeed Insights به آدرس زیر برای تک تک صفحات سایت قابل اندازه گیری است. (توجه داشته باشید که امکان استفاده از این ابزار با آی پی آدرس ایران وجود ندارد.)
/https://developers.google.com/speed/pagespeed/insights
جهت تست یک صفحه ابتدا همانند تصویر زیر آدرس آن را وارد کرده و روی دکمه ANALYZEکلیک کنید.
گوگل نمره Optimization را با بار گذاری و آنالیز صفحه محاسبه می کند و با استفاده از اطلاعات واقعی که از مرورگر کروم کاربران بدست می آورد. نصر،Speed را به صورت جداگانه برای دسکتاپ و موبایل همانند تصویر زیر اعلام می کند.
نتایج مربوط به موبایل
نتایج مربوط به دسکتاپ
به دلیل اینکه گوگل جهت محاسبه نمره پارامتر Speed از اطلاعات مرورگر کروم کاربران استفاده می کند، این نمره فقط برای ساخت سایت با صفحات پر ترافیک قابل ارایه است و در صورتیکه صفحه کم ترافیکی را با PageSpeed Insights آنالیز کنید، نتیجه Speed آن هم برای دسکتاب و هم برای موبایل همانند تصویر زیر نمایش داده نخواهد شد.
در صفحه نتیجه آنالیز PageSpeed Insights ممکن است زمان FCP به شما نمایش داده نشود. FCP مخفف عبارت First Contentful Paint است و به معنای مدت زمانی است که طی می شود تا کاربر بتواند اولین تصویر از صفحه را ببیند. هر چه کاربران بتوانند سریع تر صفحه را مشاهده کنند احتمال ماندگاری آنها در سئو سایت افزایش می یابد.
در صفحه نتیجه ممکن است زمان DCL نیز به شما نمایش داده شود. DCL مخفف عبارت DOM Content Loaded است و به معنای مدت زمانی است که طی می شود تا کدهای HTML خوانده شوند. هر چقدر زمان DCL کمتر باشد، صفحه سریع تر بارگذاری می شود و در نتیجه نرخ پرش کاهش می یابد.
همانطور که گفته شد، از عوامل مهم در سرعت بارگذاری صفحات در گوگل(Page Speed) که برخی از آنها موثرتر از بقیه موارد هستند و برخی نیز با تاثیر گذاری اندک وجود دارند و باعث می شوند صفحه نتیجه آنالیز صفحه توسط ابزار Google PageSpeed Insights شامل دو قسمت Optimization Suggestionsو Optimizations Already Present مواردی که نیاز به بهینه سازی دارند در Optimization Suggestions و مواردی که از قبل بهینه هستند و نیازی به بهینه سازی ندارند،در قسمت Optimizations Already Present نمایش داده شوند.
ابزار PageSpeed Insights برای هر کدام از موارد، که نیاز به بهینه سازی داشته باشند، نمونه هایی را به شما نمایش می دهد که بتوانید موارد بهینه نشده را راحت تر بیایید و آنها را بهینه کنید. در ادامه به توضیح موارد نمایش داده شده در نتیجه آنالیز پرداخته شده است.
قسمت above-the-fold یا همان قسمت از بالای صفحه در هنگامی که هنوز اسکرول انجام نشدهاست، از اهمیت ویژه ای برخوردار است. گوگل توصیه می کند که تلاش کنید تعداد فایلهای CSS و js که در رندر above-the-fold تاخیر ایجاد می کنند بسیار کم و در صورت امکان، وجود نداشته باشند. بنابراین هر چه تعداد این نوع فایلهای CSS و JS بیشتر باشد، نمره Optimization صفحه کاهش پیدا می کند.
ضمنا به دلیل اهمیت ویژه این موضوع، با افزایش تعداد منابع موثر در تاخیر رندر قسمت above-the-fold، نمره Optimization به صورت تصاعدی کاهش می یابد راهکارهای متفاوتی برای بهبود این آیتم وجود دارد که پرکاربردترین آنها، merge کردن یا ادغام همه فایلهای CSS و فایلهای JS به صورت جداگانه و داشتن یک فایل CSS و یک فایل JS است. توجه داشته باشید که ادغام کردن فایلها حتما باید با بررسی کامل انجام پذیرد که ایرادی در قسمت های مختلف صفحه با صفحات ایجاد نکند. بنابراین تلاش کنید که تا جایی که امکان پذیر است از تعداد فایلهای CSS و JS بکاهید.
همان طور که گفته شد، کش سمت کاربر یکی از موارد تاثیر گذار در سرعت بارگذاری صفحه است. اگر کش سمت کاربر را برای همه فایل های استاتیکی که در صفحه مورد نظرتان وجود دارد تعریف کرده باشید، می توانید امتیاز این قسمت را به طور کامل کسب کنید.
اگر آدرسی که در حال بررسی آن هستید به آدرس دیگری ریدایرکت نشود، می توانید امتیاز این تست را کسب کنید. و سئو سایت شما با این طراحی سایت بالا می رود.
همان طور که گفته شد با فشرده کردن اطلاعاتی که بین سرور و کاربر انتقال پیدا می کند می توان تا حد زیادی سایز فایل های انتقال پیدا کرده را کاهش داد و در نتیجه سرعت بارگذاری صفحه را ارتقا داد و تاثیر مثبت روی رنکینگ صفحه گذاشت. در صورتیکه نقل و انتقالات را به نحوی انجام داده باشید که همه فایلهای استاتیک و HTML به صورت فشرده از سرور به انتقال پیدا کند می توانید امتیاز فشرده سازی را کامل کسب کنید.
minify کردن css به معنی حذف space ها و enter های اضافه در CSS است که باعث کاهش سایز قایل Css می شود. اگر فقط enter های اضافه در CSS را حذف نمایید می توانید استان این تست را کسب کنید. ولی به هر حال با حذف space های اضافه نیز می توانید سایز فایل css را باز هم کاهش دهید.
minify کردن جاوااسکرییت به معنی حذف space ها و enter های اضافه در فایل های وز است که باعث کاهش سایز فایل می شود.
minify کردن HTML نیز همانند minify کردن CSS و js به حذف فاصله ها و enter های اضافه در HTML است.
برای سفارش طراحی سایت شرکتی، طراحی سایت فروشگاهی و نیز اطلاع از قیمت طراحی سایت ما در سئوراز می توانید با کلیک برروی لینک طراحی سایت و تماس با شماره های مندرج در سایت تماس برقرار کرده و از مشاوره های کارشناسان ما نیز بهره مند شوید.