تیم تولید محتوای بهیدو

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

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

تا کنون مطالعات بسیاری در مورد اهمیت و تأثیر افزایش سرعت وب سایتصورت گرفته است. به عنوان مثال، یک مطالعه در سال ۲۰۱۷ نشان داد که یک ثانیه تأخیر در بارگیری سایت می‌تواند موجب کاهش ۱۱ درصدی بازدیدکنندگان صفحه و همچنین کاهش ۱۶ درصدی رضایت مشتریان گردد که در نهایت به کاهش ۷ درصدی نرخ تبدیل می‌انجامد.

همچنین Google اعلام کرده است که سرعت وب سایت، از شاخص‌های کلیدی و مهمی‌است که توسط الگوریتم‌های آن برای رتبه بندی صفحات استفاده می‌شود. به عبارت دیگر سرعت آهسته وب سایت برابر با SEOضعیف است. به طور خلاصه، داشتن یک وب سایت آهسته بر روی موارد زیر تأثیر منفی خواهد گذاشت:

• ترافیک و بازدید از صفحه
• فروش
• تصویر و ادراک برند شما در ذهن بازدید کنندگان سایت

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

چه زمانی برای بارگیری صفحه مناسب است؟

بر اساس گفته‌های گوگل بهترین زمان بارگیری صفحه زیر سه ثانیه است. با این حال، زمان بارگیری اکثر سایت‌ها از ۳ ثانیه فراتر می‌رود. در یک مطالعه که بر روی هزاران وب سایت در ۱۲۶ کشور جهان انجام شد، گوگل دریافت که در ۷۰ درصد از سایت‌ها، حدود ۷ تا ۲۲ ثانیه طول می‌کشد تا محتوای تصویریصفحات نمایش داده شود.

نحوه انجام تست سرعت سایت

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

https://gtmetrix.com/

https://www.webpagetest.org/

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

• تهیه یک‌هاست با کیفیت و پر سرعت

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

• مشخص کردن ابعاد تصاویر سایت

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

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

• بهینه سازی و کاهش حجم تصاویر داخل وب سایت

تصاویر در وب سایت‌هانقش اساسی برای جذب مخاطبان و مشتریان دارند. بر اساس تحقیقات صورت گرفته، وجود تصاویر در کنار محتوای سایت، میزان خواندن مطالب را ۸۰ درصد افزایش می‌دهد. به این ترتیب برای افزایش مخاطبان خود لازم است از تصاویر جذاب و با کیفیت استفاده نمایید. اما در عین حال اگر تصاویر بیش از حد بزرگ و باکیفیت باشند موجب بارگیری بسیار کند وب سایت شما می‌شوند. بنابراین قبل از آپلود تصاویر بر روی‌هاست ابتدا عکس مورد نظر را توسط یک ویرایشگر عکس برای بارگذاری در وب بهینه سازی کنید.

• استفاده از یک طراحی ساده برای وب سایت

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

علاوه بر این طراحی ساده برای وب سایت باعث افزایش مزیت بهبود تجربه کاربر ( UX) برای مشتریان می‌گردد. یک طراحی ساده باعث می‌شود تا بازدید کنندگان شما بتوانند عملکرد بهتری در سایت شما داشته باشند و به سرعت به هدف مورد نظر خود دست یابند.

• فعال کردن قابلیت ذخیره سازی ( Cache ) صفحات سایت

فعال بودن قابلیت کش در وب سایت می‌تواند در بارگذاری بعدی سایت شما بسیار مفید باشد. بنابراین پس از فعال کردن این ویژگی، بازدید کنندگان سایت؛ عناصر وب سایت شما را روی‌هارد خود یا در حافظه موقت ذخیره می‌کنند. به این ترتیب دفعه بعد که از سایت شما بازدید می‌کنند، مرورگر آنها می‌تواند بدون نیاز به ارسال تمام آن درخواست‌های HTTP به سرور، صفحه را به سرعت بارگیری کند.

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

• کوچک کردن فایل‌های CSS و JS

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

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

• قرارد دادن فایل‌های CSS در بالا و فایل‌های JS در پایین

حتما فایل‌های CSS را در بخش

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

• بهینه سازی کدهای برنامه نویسی

برخی از کدهای برنامه نویسینظیر کامنت‌های HTML، بخش‌های CDATA و همینطور فضاهای خالی و المنت‌های خالی منجر به افزایش حجم صفحات سایت شما می‌شوند. درنتیجه زمان عکس العمل شبکه را افزایش و سرعت بارگذاری سایت را کاهش می‌دهند. حذف و بهینه سازی این موارد برای بهبود سرعت سایت شما لازم است.

استفاده از ابزارهای ساده‌‌‌ای نظیر Will Peavy minifier و یا برای سایت وردپرس، استفاده از پلاگین Autoptimize (پلاگین مذکور از CDN نیز پشتیبانی می‌کند) به بهینه سازی کدهای برنامه نویسی کمک می‌کند.

• خودداری از به کار بردن لینک‌های شکسته

به کار بردن لینک‌های شکسته، منجر به پدیدار شدن خطاهای ۴۰۴/۴۱۰ می‌گردد. این امر درخواست‌های بی‌مورد و زمان بر ایجاد می‌کند. بنابراین حتما می‌بایست از به کار بردن اینگونه لینک‌ها خودداری کنید. همچنین لینک‌های شکسته موجود در سایت خود را تعمیر کنید. برای بررسی لینک‌های شکستهمی‌توانید به صورت آنلاین از سایت http://validator.w3.org/checklinkاستفاده نمایید. برای سایت وردپرس نیز افزونه WordPress link checker در نظر گرفته شده است.

• کاهش مراجعه به DNS

با توجه به اینکه هر بار مراجعه به DNS منجر به اختصاص مدت زمان زیادی جهت پیدا کردن آدرس IP مناسب برای hostname می‌شود. بنابراین کاهش مراجعه به DNS می‌تواند زمان پاسخگویی را کاهش دهد. برای کاهش مراجعه به DNS، تصاویرتان را به هم متصل و Sprite کنید. در این صورت تصاویری که در تمامی‌صفحات سایت بارگذاری می‌شوند، تنها از یک تصویر مشترک بارگذاری شده اند.