روش های افزایش سرعت سایت
در این مقاله فارغ از وردپرس و به صورت کاملا عمیق بررسی می نماییم چگونه هر سایتی که به دستمان رسید را از نظر سرعت بهینه نماییم. مقاله کاربردی برای سئوکاران در ارتباط با تیم فنی!
در صفحه خدمات افزایش سرعت سایت مفصلا به دلایلی که موجب اهمیت سرعت سایت می شود پرداختیم، پس تکرار مکررات نمی کنیم و یک راست به بیان راه های افزایش سرعت سایت میپردازیم. نگاه ما در این مقاله عمیق است و به شکلی مباحث را مورد بررسی قرار میدهیم تا برنامه نویسان بتوانند روی هر سایتی آن را پیاده سازی نمایند. اگر سایت وردپرسی دارید و نمی خواهید در موضوع عمیق شوید پیشنهاد میکنم مقاله افزایش سرعت سایت های وردپرسی را مطالعه نمایید.
راه های افزایش سرعت سایت
به دلیل تنفرم از مقالات طولانی و سردرگم کننده تصمیم گرفته ام ابتدا به صورت لیست وارد مواردی که می تواند موجب بهبود سرعت سایت ما شود را لیست کنم، سپس برای هر کدام از آیتم ها تیتر میزنیم و مفصلا در مورد آن صحبت میکنیم. همچنین سعی میکنم این لیست را در طول زمان آپدیت نمایم تا از آن به عنوان یک چک لیست استفاده نماییم. لیست کارهای افزایش سرعت لود سایت:
- خرید هاست پرسرعت وردپرس با منابع مناسب
- بهینه سازی دیتابیس
- فعال سازی قابلیت فشرده سازی یا GZip در هاست
- فعال سازی Keep Alive در هاست
- فعال سازی HotLink در هاست جهت جلوگیری از مصرف منابع سایت
- فعال سازی قابلیت ذخیره برخی اطلاعات در مرورگر کاربر یا Caching
- فعال سازی Caching سمت سرور با فعال سازی ماژول های Redis، MemCache و Object Cache
- بررسی سرعت DNS Lookup سایت جهت گرفتن response سریع
- استفاده از هاست دانلود برای فایل های ویدئویی و … که حجم و پردازش سنگینی دارند
- استفاده از http/2.0 یا http/3.0
- حذف کدهای CSS و JS غیر قابل استفاده (کاهش تعداد درخواست ها)
- کاهش تعداد کوئری ها و درخواست هایی که به سمت دیتابیس می رود
- فشرده سازی فایل های CSS و JS سایت (Minify)
- استفاده از قابلیت Async یا Defer در دانلود و اجرا فایل های JS
- استفاده از CSS و JS به صورت درون خطی در html در مواقع ضروری (Inline)
- استفاده از قابلیت Media برای فایل های CSS جهت فراخوانی در دستگاه خاص
- پیش بارگذاری فایل CSS در صورت ضروری بودن آن در TTFB
- بهینه سازی سورس و کاهش حجم DOM و کدهای html
- فشرده سازی کد html جهت کاهش حجم صفحه در صورت نیاز
- استفاده از لود Ajax و با تاخیر برای بخش هایی که مقدور است
- توجه ویژه به Above the Fold
- طراحی اصولی صفحه با چیدمانی هوشمندانه که هم جذاب باشد و هم المان های سنگین در Above the Fold قرار نگیرند
- استفاده حداقلی یا عدم استفاده از منابع Third Party
- فراخوانی برخی اسکریپت های خارجی مثل آنالیتیکس به صورت محلی
- غیر فعال کردن فونت های گوگل در صورت نیاز
- استفاده از AMP جهت نمایش سایت از کش گوگل برای موبایل در صورت نیاز
- استفاده از لود تنبل (Lazy Load) برای سایت
- بهینه سازی عکس های موجود در صفحه
- استفاده از فرمت های توین تصاویر که حجم کمتری دارند
- ادغام عکس های کوچک (مثل آیکون ها) در یک فایل (CSS Image Sprites)
- استفاده از فونت با فرمت و سایز مناسب (ترجیحا woff)
- پیش بارگذاری (Preload) فونت در صورت نیاز
- کاهش تعداد ریدایرکت های سایت (مخصوصا Redirect Chain)
- بررسی ویروسی نبودن سایت و عدم وجود کدهای مخرب در آن
- استفاده از یک CDN خوب برای وردپرس
- و ادامه دارد… 🙂
مدت ها پیش، بعد از اتمام طراحی قالب سایت خودم که در PSI و GTmetrix نمره 100 گرفتم ویدئویی ضبط کردم و دلایل 100 بودن نمره سرعت سایت خودم را شرح دادم، بهتان پیشنهاد میکنم قبل از مطالعه ادامه مطلب آن را مشاهده نمایید. شاید بگویید “اون که وردپرسیه!!!”، بله درسته اما یادتون نره وردپرس هم PHP هست و برای افزایش سرعت در نهایت باید از همین قواعد پیروی کند.
خرید هاست پرسرعت وردپرس با منابع مناسب
به زودی این بخش نوشته می شود. (آپدیت)
Morteza Mehrabi
بعد از سال ها فعالیت در حوزه وب آماده خدمت رسانی به کسب و کارهای کوچک و بزرگ هستم. در پروژه های من کیفیت در کنار اخلاق حرف اول را می زند و عاشق چالش و حل مسئله هستم.