افزایش سرعت وب سایت

12 مهر, 1399, 0نظر,63 بازدید

6 راهکار برای افزایش سرعت وب سایت

زمان مطالعه: 4 دقیقه

چگونه باعث افزایش سرعت وب سایت شویم

برای همه ما بارها پیش آمده که سایتی را به دلیل اینکه درست لود نشده و یا اصلا لود نشده است را بسته و به سراغ سایت دیگری رفته ایم. مشکل لود شدن کند سایت بسیار در بین دارنگان سایت و وب مسترها شابع است. گوگل طبق آماری اعلام کرده است که کاربران بعد از 3 ثانیه سایت را در صورت لود نشدن می بندند و این زمان بسیار حیاتی است.

لود نشدن سایت دلایل زیادی دارد از مشکل سرور و هاست سایت گرفته تا مشکلات برنامه نویسی ما در این مقاله ابتدا می گوییم که چه قسمت هایی از سایت را باید بهینه کنیم تا سرعت لود سایتمان بالا رود و ابزارهایی برای رست کردن این قیمت ها به شما معرفی خواهیم کرد.

سرعت سایت و نحوه لود شدن و خطاهای کدهای جاوااسکریپت، CSS و HTML و همینطور حجم بالای عکس ها را می توانید توسط سایتی مثل GTmetrix اندازه گیری کنید.

ما در رابینت تمامی استانداردهای طراحی سایت را مد نظر قرار می‌دهیم و محصول شما را با نهایت سرعت و تست شده توسط تست کننده های سرعت سایت همانند  gtmetrix به شما تحویل خواهیم داد.

6 راهکار برای افزایش سرعت وب سایت
6 راهکار برای افزایش سرعت وب سایت

  1. لود کند جاوا اسکریپت

    جاوا اسکریپت زبان فوق العاده ای برای جان بخشیدن به ظاهر سایت است اما استفاده زیاد از این زبان و داشتن فایل های حجیم برای لود سایت باعث کندی سایت شما خواهد شد. بهتر است فایل های کمی از جاوا اسکریپت داشته باشید و کد های جاوا اسکریپت را بهینه بنویسید و حتما این کد ها را فشرده کنید. فشرده سازی کد یعنی حذف خطوط خالی اضافه در کد، حذف کامنت ها و توضیحات برنامه و تمامی چیزهای اضافی که برای خوانایی بیشتر به کد اضافه می‌کنند.

  2. css های حجیم و فشرده نشده

    کدهای CSS هم مثل کد های جاوااسکریپت باید بعد از انجام کد نویسی نهایی و قرار گرفتن بر روی سرور بهینه و فشده سازی شوند. فشرده کردن کد های css از فشرده کردن کد های جاوا اسکریپت هم مهم تر است زیرا در بعضی پروژه ها تعداد خط های css سایت به هزاران و میلیون ها خط می رسد.

  3. بهینه سازی کدهای HTML

    کدهای html خود را با تگ های بهینه و جدید جایگزین کنید و در حد امکان آن ها را بدون کامنت و توضیحات بر روی هاست خود بارگزاری کنید.

  4. بهینه سازی عکس ها

    عکس ها امروزه نقش مهمی در انتقال مفهوم مطالب دارد. آیکون ها ، عکس های مطالب،بنرهای تبلیغاتی همه باعث زیبایی و انتقال سریع مفهوم و منظور مطالب به مخاطبا است. اما عکس ها مشکل بزرگی را به وجود آورده اند حجم بالای عکس زمان بود سایت را پایین می آورد. و همینطور بر روی هاست فضای زیادی را اشغال خواهد کرد.

    برای رفع این مشکل همیشه حجم عکس ها خود را در کمترین حالت ممکن قرار دهید. با فتوشاپ می‌توانید خروجی مخصوص وب سایت بگیرید و یا از سایت online image optimizer برای ساخت تصاویر باکیفیت و کم حجم استفاده کنید.
    همچنین شما باید قابلیتی را روی سایت خود فعال کنید که به آن lazy load  میگویند این قابلیت لود عکس ها با اسکرول کردن و پیمایش صفحه وب سایت را میسر می کند. یعنی همه عکس های صفحه وب شما به صورت یکجا دانلود و لود نمی شوند و با اسکرول کردن صفحه به سمت پایین عکس ها لود خواهند شد. این کار باعث افزایش سرعت وب سایت شما خواهد شد.

  5. بهینه سازی درخواست های سمت سرور

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

  6. خرید هاست مناسب

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

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

افزونه بهینه سازی و کش سایت وردپرسی

افزونه Autoptimize
افزونه Autoptimize

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

افزونه Autoptimize چه کار می‌کند؟

افزونه Autoptimize تمامی فایل‌های سی‌اس‌اس و جاوا اسکریپت قالب و پلاگین‌های سایت‌تان را در یک فایل جداگانه سی اس اس و جاوا اسکریپت برده و آن‌ها را فشرده سازی می‌کند. با این کار تنها یک درخواست برای فایل‌های سی‌اس‌اس و جاوا اسکریپت ارسال می‌شود و سرعت لود سایت بسیار بالا می‌رود.افزونه Autoptimize تمامی قابلیت های گفته شده برای بهینه سازی کدها و عکس ها را بر روی سایت وردپرسی شما انجام می دهد.

دانلود افزونه Autoptimize

نوشتن نظر

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

پنج × پنج =