رفع ارورهای پیج اسپید گوگل

در هنگام طراحی سایت، یکی از نکاتی که باید آن را در نظر بگیریم، سرعت سایت است. چراکه لودینگ یا باز شدن یک سایت می‌تواند آن وب سایت را به یک وب سایت کاربر پسند تبدیل کند. هنگامی که کاربر وارد سایت شما می‌شود، بهتر است وب سایت شما در کمترین زمان ممکن باز شود. از طرفی یکی از مهم‌ترین المان‌های سئو یک سایت، سرعت آن است که می‌توانید برای بهبود عملکرد آن از Google PageSpeed ​​Insights استفاده کنید. در واقع برای اینکه بدانید سرعت وب سایت شما عملکرد خوبی دارد، می‌توانید از ابزار Google PageSpeed ​​Insights کمک بگیرید و سرعت آن را تست کنید. شاید شما با خطاهایی روبه رو شوید که ما در ادامه این مقاله بیشتر به آن خطاها می‌پردازیم و آموزش کامل رفع ارورهای پیج اسپید گوگل را دراختیارتان قرار می‌دهیم. پس تا انتهای این مقاله همراه ما باشید.

مرحله 1: تجزیه و تحلیل عملکرد فعلی.

با ارزیابی عملکرد فعلی وب سایت خود با استفاده از Google PageSpeed ​​Insights شروع کنید. URL وب سایت خود را وارد کنید، و این ابزار گزارش مفصلی ارائه می‌دهد که مناطقی را که نیاز به بهبود دارند، مشخص می‌کند. به پیشنهادات این ابزار توجه داشته باشید و بر اساس تاثیر آن‌ها اولویت بندی کنید و وب سایت خود را اصلاح کنید.

مرحله 2: تصاویر را بهینه کنید.

تصاویر اغلب نقش قابل توجهی در زمان بارگذاری صفحه دارند. از ابزارهای فشرده سازی تصویر مانند TinyPNG یا ImageOptim و… برای کاهش اندازه فایل بدون افت کیفیت استفاده کنید. بارگذاری تنبل تصاویر را در نظر بگیرید، آن‌ها را فقط زمانی بارگیری کنید که به نمای کاربر با استفاده از ویژگی loading=”lazy” وارد شوند.

مرحله 3: CSS، جاوا اسکریپت و HTML را کوچک کنید.

اندازه فایل های CSS، جاوا اسکریپت و HTML را با کوچک کردن آن‌ها، کاهش دهید. بدون تغییر در عملکرد کد، فضاهای غیرضروری، نظرات و line breaks را حذف کنید. چندین ابزار آنلاین و فرآیندهای ساخت، این کار را خودکار می‌کنند، مانند UglifyJS برای جاوا اسکریپت و cssnano برای CSS.

مرحله 4: از حافظه پنهان مرورگر استفاده کنید.

برای کاهش زمان بارگذاری برای بازدیدکنندگان، کش مرورگر را فعال کنید. تاریخ انقضای مناسبی را برای انواع مختلف محتوا تنظیم کنید و اطمینان حاصل کنید که منابع استاتیک بیشتر در حافظه پنهان ذخیره می‌شوند در حالی که محتوای پویا بیشتر به روز می‌شود. پیکربندی سرور خود را تنظیم کنید یا از افزونه‌هایی مانند W3 Total Cache برای وردپرس استفاده کنید.

مرحله 5: زمان پاسخگویی سرور را بهینه کنید.

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

مرحله 6: فشرده سازی را فعال کنید.

فشرده سازی منابع قبل از ارسال به مرورگر زمان بارگذاری را به میزان قابل توجهی کاهش می‌دهد. فشرده سازی GZIP یا Brotli را در سرور خود فعال کنید. اکثر وب سرورها از این روش‌های فشرده سازی پشتیبانی می‌کنند و پیکربندی آن‌ها اغلب به تنظیم تنظیمات سرور یا استفاده از یک افزونه فشرده سازی بستگی دارد.

مرحله 7: اولویت بندی مسیر Rendering Path.

مسیر Rendering Path را بهینه کنید تا مطمئن شوید که مهم‌ترین محتوا ابتدا بارگیری می‌شود. ابزارهایی مانند Critical توسط Addy Osmani می‌توانند این فرآیند را خودکار کنند و CSS حیاتی برای صفحات شما ایجاد کنند.

مرحله 8: Render-Blocking Resources را حذف کنید.

سورس مسدودکننده رندر را که از بارگذاری سریع صفحه جلوگیری می کنند، شناسایی و حذف کنید. اجرای جاوا اسکریپت را با استفاده از ویژگی async یا defer به تعویق بیندازید، و CSS را به پاورقی منتقل کنید یا از پرس و جوهای رسانه برای بارگیری آنها به صورت شرطی استفاده کنید. این به مرورگر اجازه می‌دهد تا در حین واکشی منابع غیر مهم، به رندر صفحه ادامه دهد.

مرحله 9: محتوای بالای صفحه را بهینه کنید.

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

مرحله 10: تغییر مسیرهای سمت سرور را کاهش دهید.

تغییر مسیرهای سمت سرور را به حداقل برسانید، زیرا درخواست‌های HTTP اضافی را اضافه می‌کنند و زمان بارگذاری را افزایش می‌دهند. لینک‌های داخلی را به‌روزرسانی کنید تا به‌جای عبور از تغییر مسیرها، مستقیماً به صفحه هدف اشاره کنند. برای لینک‌های خارجی، تا حد امکان از لینک‌های مستقیم استفاده کنید تا از انحرافات غیر ضروری جلوگیری کنید.

مرحله 11: بارگذاری فونت‌ها را بهینه کنید.

فونت‌ها نیز می‌توانند بر سرعت صفحه تأثیر بگذارند، به خصوص اگر وزن و سبک فونت‌های متعدد بارگذاری شود. فونت‌ها را به صورت محلی میزبانی کنید، از ویژگی font-display استفاده کنید و فقط تغییرات لازم فونت را بارگیری کنید. این از تاخیرهای غیر ضروری ناشی از انتظار برای منابع فونت خارجی جلوگیری می‌کند.

مرحله 12: پیوندهای شکسته و تغییر مسیرها را رفع کنید.

لینک‌های شکسته و تغییر مسیرها (Redirections) می‌توانند بر تجربه کاربر و سرعت صفحه تأثیر منفی بگذارند. به طور منظم وب سایت خود را برای لینک‌های شکسته بررسی کنید و آن‌ها را به روز کنید یا حذف کنید. استفاده از تغییر مسیرهای غیر ضروری را به حداقل برسانید و اطمینان حاصل کنید که آن‌هایی که دارید کارآمد هستند.

مرحله 13: پیاده سازی Content Delivery Network (CDN).

یک (CDN) سورس استاتیک وب سایت شما را در چندین سرور در سطح جهانی توزیع می‌کند. این باعث کاهش تاخیر و سرعت بخشیدن به ارائه محتوا می‌شود. بسیاری از CDNها به راحتی قابل ادغام هستند و گزینه‌های محبوب شامل Cloudflare، Akamai و Amazon CloudFront هستند.

مرحله 14: بهینه سازی Third-Party Scripts.

ابتدا اسکریپت‌های Third-Party مورد استفاده در وب سایت خود را بررسی و بهینه سازی کنید. سپس اسکریپت‌های خارجی، مانند تجزیه و تحلیل(analytics)، رسانه‌های اجتماعی، یا اسکریپت‌های تبلیغاتی، می‌توانند به طور قابل توجهی بر زمان بارگذاری تأثیر بگذارند. اسکریپت‌ها را به صورت ناهمزمان بارگیری کنید یا اجرای آن‌ها را به تعویق بیندازید تا از مسدود کردن رشته اصلی جلوگیری کنید.

مرحله 15: به طور منظم نظارت و به روز رسانی کنید.

بهینه سازی وب سایت یک فرآیند مداوم است. با استفاده از ابزارهایی مانند Google PageSpeed ​​Insights یا Lighthouse به طور منظم بر عملکرد وب سایت خود نظارت کنید. در مورد آخرین و بهترین شیوه‌ها و فناوری‌ها مطلع باشید و وب سایت خود را بر این اساس به روز کنید.

با دنبال کردن این مراحل جامع، می‌توانید به طور سیستماتیک خطاهای Google PageSpeed ​​Insights را برطرف کنید و عملکرد کلی وب سایت خود را افزایش دهید. به یاد داشته باشید که نظارت و بهینه سازی مداوم برای حفظ زمان بارگذاری سریع و ارائه یک تجربه کاربری بهینه برای بازدیدکنندگان کلیدی است.

مطالب پیشنهادی

رفع خطا های نرم افزار xampp (زمپ)

آموزش نصب و کانفیگ کردن نرم افزار xampp (زمپ)

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

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