سلام به همگی 👋 . امیدوارم خوب باشید و پر انرژی 🥰. من نرگسم و امروز قراره درباره راهکارهای کلیدی افزایش سرعت سایت باهاتون صحبت کنم. به عبارتی چکار کنیم که سایتمون در عرض 3 ثانیه و حتی کمتر لود بشه؟!!!.
چرا سرعت سایت مهمه؟!🚀
وقتی صحبت از سرعت سایت و بهینه سازی سرعت سایت به میون میاد؛ سوال خیلی ها اینه که چرا باید سرعت سایتم رو افزایش بدم؟؟؟. چرا باید برای افزایش سرعت سایت هزینه کنم؟ و حتی به صورت دوره ای چکش کنم و بهینه سازی انجام بدم؟.
در جواب باید بگم سرعت سایت از دو نظر خیلی خیلی مهمه.
📌اول اینکه ربات های جست و جو که سئو سایت رتبه میدن، سرعت رو میسنجن. و اگه سرعت سایتی کم باشه و لود شدنش بیشتر از 3 ثانیه طول بکشه؛ از نظر سئویی آسیب میبینه. با توجه به اینکه سئو سایت مهمه و همه تلاش ما بهبود رتبه سئو هست؛ باید به افزایش و بهینه سازی سرعت سایت هم توجه کنید.
📌 دومین دلیلی هم که باعث میشه سرعت سایت مهم باشه، تجربه کاربر یا همون UX هست. کاملا طبیعیه که وقتی کاربر روی لینکی کلیک میکنه انتظار داره محتوای سایت فورا لود بشه. کاربر حوصله انتظار کشیدن برای لود صفحه رو نداره. بنابراین وقتی سرعت لود سایت شما کمه؛ کاملا طبیعیه که کاربر منتظر نمونه، صفحه رو ببنده و از سایت شما خارج بشه (احتمالا دیگه هم برنمیگرده🥲).
مسلما هر دو این دستاوردهای ناشی از سرعت لود کم، دلخواه ما نیست. بنابراین مهمه که سرعت لود سایتمون رو بهبود بدیم.
5 قدم تا افزایش سرعت سایت :
در ادامه 5 گام مهم بهینه سازی سرعت سایت رو بهتون معرفی میکنم. اگه این 5 راهکار رو انجام بدید خیلی بعیده که سرعت سایتتون بهتر نشه و همچنان کند باشه.
1 . بهینه سازی تصاویر:
تصاویر همه جای سایت هستن. منو، هدر، فوتر، محتوا و… همه شامل عکس ها و آیکن ها هستن. بنابراین هر اشکالی که در عکس های سایت شما وجود داره (مثل حجم زیاد، ابعاد نامناسب و…)، اثر جمعی به جا میذاره و تا حد زیادی سرعت لود شدن سایت رو کم میکنه. برای اینکه بهتر متوجه بشید صفحه ای رو تصور کنید که 10 تا عکس (حداقل) رو شامل شده. درصورتی که حجم هر عکس فقط 5 کیلو بایت (ناچیز)، کاهش پیدا کنه؛ حجم کلی ای که باید لود بشه 50 کیلو بایت (قابل توجه) کاهش پیدا میکنه. بنابراین خیلی مهمه که تصاویر سایتتون بهینه باشه.
2 . بهینه سازی ساختار کدهای سایت :
کدنویسی صحیح و بهینه از جمله موضوعات مهم در سرعت سایته. اگه سایت شما وردپرسیه سعی کنید از قالب ها و افزونه های معتبر و بدون داده های اضافی استفاده کنید. دیتایی که نیاز ندارید رو حذف و کنید و تا حد ممکن به جای قالب های معروف اما سنگین (اون هم درصورتی که نیاز ندارید)، از صفحه سازها استفاده کنید.
💡علاوه بر این شما میتونید کدهای html، css و حتی جاوا اسکریپت سایت رو به صورت فشره در بیارید که موجب میشه حجم این فایل ها کاهش پیدا کنه. البته در رابطه با جاوا اسکریپت باید دقت کنید. چون ممکنه عملکرد سایت زیر سوال رفته و دچار مشکل بشه.
💡نکته مهم در رابطه با کدهای جاوا اسکریپت این هست که همیشه باید در انتهای تگ body درج بشن. به این ترتیب نه تنها لود سایت ایمن تر انجام میشه، بلکه سرعت سایت به طرز چشمگیری بهتر میشه.
3 . استفاده از قابلیت Lazy Load 🥱:
قابلیت lazy load به شما این امکان رو میده که لود شدن یک ویجت به بعد از لود شدن بدنه اصلی سایت و یا اقدام کاربر موکول بشه. به عنوان مثال فرض کنید یک ویدیو با حجم 5 مگابایت در یکی از صفحات سایت درج شده. اگر lazy load فعال باشه ابتدا سایت لود میشه و بعد ویدیو 5 مگابایتی دانلود میشه. اما درصورتی که این قابلیت فعال نباشه؛ لود صفحه به بعد از دانلود ویدیو 5 مگابایتی موکول میشه. درحالی که ممکنه کاربر اصلا روی این ویدیو کلیک نکنه. در این صورت لود سایت بدون هیچ دلیل خاصی به تعویق افتاده.
4 . استفاده از CDN :
اگه وبسایتی دارید که مخاطبینی در خارج از کشور داره ممکنه سرعت سایت برای اون افراد کم بشه. دلیل این اتفاق این هست که درخواست های کاربران باید هر بار از محل کاربر تا محل هاست شما (ایران) رد و بدل بشه. این فاصله موجب میشه سرعت سایت برای کاربران خارجی کمتر از کاربران ایرانی باشه. در این وضعیت بهتره برای سایتتون از cdn استفاده کنید. به کمک cdn اطلاعات هاست روی هاست هایی در نقاط مختلف زمین تکثیر شده و به جای رد و بدل شدن درخواست ها بین محل کاربر و ایران؛ درخواست ها بین کاربر و نزدیک ترین سرور موجود رد و بدل شده و باعث میشه سرعت سایت افت نکنه.
5 . فعالسازی کش :
کش کردن اطلاعات این امکان رو به ما میده که داده های بدون تغییر سایت مثل عکس ها، آیکن ها و… بعد از یکبار لود شدن ذخیره شده و در درخواست های بعدی به جای فراخوانی از سرور از سیستم کاربر لود بشن. در این حالت سرعت سایت به طرز چشمگیری افزایش پیدا میکنه.
📌اگه از وردپرس استفاده میکنید افزونه های مختلفی برای کش کردن داده های سایت وجود داره. به عنوان مثال wp-rocket یکی از این افزونه هاست. اما اگه وبسایت شما وردپرسی نیست و از صفر برنامه نویسی شده؛ با توجه به زبان وبسایت میتونید از کدهای مربوط به فعالسازی کش استفاده کنید.
جمع بندی و حرف آخر :
در این مقاله درباره راهکارهای عملی افزایش سرعت سایت صحبت کردیم. اما یک نکته بسیار مهم در رابطه با سرعت سایت وجود داره و اون زیر ساخت سایت هست. یعنی هاست. خیلی مهمه که از هاست های قوی و پر سرعت استفاده کنید. حتی بهترین وبسایت ها با بهترین پیاده سازی و ساختار کدها، با استفاده از هاست ضعیف به کندی لود میشن. پس اولین قدم شما باید بررسی سرعت هاست باشه. بعد برید سراغ سایر موارد.
نکته مهم دیگه این هست که سرعت سایت به درستی تست بشه. در ادامه چندتا ابزار برای تست سایت بهتون معرفی میکنم که میتونه کمکتون کنه.
- وبسایت website speed test
- وبسایت Page Speed Insights
- وبسایت site checker
- وبسایت Gtmetrix
امیدوارم این مقاله واستون مفید بوده باشه. هر سوالی داشتید زیر این پست کامنت کنید جواب میدم😊.
