چطور سرعت سایت را بالا ببریم و در گوگل بهتر دیده شویم

سرعت بارگذاری، اولین چیزی است که بازدیدکننده حس می‌کند و یکی از عامل‌هایی است که گوگل در رتبه‌بندی به آن نگاه می‌کند. در ادامه پنج کار عملی را مرور می‌کنیم.

تصویرها را سبک کنید

بیشتر سایت‌های کند، تصویرهای سنگین دارند. سه کار ساده:

  • قالب WebP به جای JPEG
  • اندازه تصویر همان اندازه‌ای باشد که نمایش داده می‌شود
  • بارگذاری تنبل برای تصویرهای پایین صفحه

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

هر درخواست به یک دامنه بیرونی، یک اتصال تازه است. فونت را روی سرور خودتان بگذارید و با font-display: swap نمایش دهید.

@font-face {
  font-family: "IRANSansX";
  src: url("/fonts/iransansx.woff2") format("woff2");
  font-display: swap;
}

چرا swap مهم است

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

کش را جدی بگیرید

فایلی که یک بار دانلود شده، نباید دوباره دانلود شود.

هدر Cache-Control را برای فایل‌های ثابت روی یک سال بگذارید.

جاوااسکریپت اضافه را حذف کنید

هر کتابخانه‌ای که فقط برای یک انیمیشن کوچک آمده، هزینه‌اش بیشتر از سودش است.

نتیجه

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

جدول مقایسه

کاراثر
فشرده‌سازی تصویرزیاد
کش مرورگرمتوسط

این بند صفت خطرناک دارد و باید تمیز شود.