۱۲ تکنیک برای افزایش سرعت سایت

رضا فرخندگان ۱۷ تیر ۱۳۹۸ ۰ دیدگاه

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

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

دلیل کند بودن سرعت بارگذاری سایت

این روزها کاربران توقع سرعت بالا از سایت‌ها را دارند، زیرا زمان‌بر بودن بارگذاری یک سایت تاثیر منفی در تجربه کاربر (UX) می‌گذارد. هر تاثیر منفی بر تجربه کاربر متعاقباً در کاهش نرخ تبدیل (conversion rate) تاثیر می‌گذارد و این باعث خروج سریع از صفحه و همچنین افزایش Bounce rate می‌شود.

12 روش تکنیکی برای بالا بردن سرعت سایت

تحقیقات نشان می‌دهد که به ازای هر دوثانیه افزایش سرعت سایت و بارگذاری صفحه،  ۱۰۳ درصد bounce rate  افزایش می‌یابد. همچنین به ازای هر ۱۰۰ میلی‌ثانیه افزایش سرعت بارگذاری صفحه، ۷ درصد کاهش در نرخ تبدیل خواهیم داشت!!!

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

سرعت سایت یکی از فاکتورهای امتیازدهی گوگل برای موبایل و دسکتاپ محسوب می‌شود. اگر عملکرد سایت نادیده گرفته شود، در موتورهای جست‌وجو (SERP) کمتر دیده می‌شوید و این منجر می‌شود که ترافیک سایت پایین بیاید.

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

برای بهینه کردن عملکرد سایت به فاکتورهایی که در افزایش سرعت سایت تاثیر دارند، باید توجه ویژه‌ای داشته باشیم. بیایید با هم نگاهی به این نکات بسیار مهم بیندازیم.

 

۱) Render-blocking جاوا اسکریپت باعث تاخیر در بارگذاری صفحه می شود

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

زمانی که مرورگر یک صفحه را نمایش می‌دهد، ابتدا کلیه فایل‌های جاوا اسکریپت صفحه بارگذاری می‌شوند، که به آن اصطلاحاً ‘render-blocking Javascript’ گفته می‌شود. این موضوع مانع بارگذاری سریع صفحه می‌شود.

برای حل مشکل render-blocking Javascript سه راه حل وجود دارد:

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

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

۲) از CDN استفاده نکرده اید

Content Delivery Network یا همان CDN به اصطلاح شامل سرورهای مجزایی است که در مکان‌های جغرافیایی استراتژیک قرار گرفته‌اند. داخل این سرورها وب سایت‌هایی قرار دارند که این قابلیت را دارند که کاربر در مکان‌های مختلفی به صفحات کاربردی این سایت‌ها دسترسی سریع داشته باشد.

به عنوان مثال برای سایت وردپرس CDN های مختلفی وجود دارد. CloudFlare یکی از راه حل‌های پرطرفدار است که شامل JetPack CDN برای استفاده از عکس‌ها و ویدیوهاست.

دلیل کند بودن سرعت بارگذاری سایت

مثلاً اگر در وب سایت خود از Jquery استفاده می‌کنید، می‌توانید ازlibrary های موجود در CDN به‌جای مراجعه به سرور خودتان استفاده کنید.

در کل Jquery در مقایسه با جاوا اسکریپت برای انجام یک تابع (function) از کدهای کمتری استفاده می‌کند که برای افزایش سرعت سایت موثرتر است. گوگل و مایکروسافت دارای Jquery CDN های مهمی هستند.

۳) دیتابیس با اطلاعات سنگین

دلیل overhead یا سربار اطلاعات در دیتابیس را می‌توان به ثبت اطلاعات غیرضرورری مانند logs یا ورودی‌های غیر ضروری که از نصب پلاگین‌ها ایجاد می‌شود، نسبت داد.

سربار در دیتابیس باعث می‌شود تا  queryها به سرعت اجرا نشوند. حتی ممکن است باعث شود که وب سرور به‌دلیل تاخیر در پاسخ دیتابیس، overtime شود. با پاک کردن سربار از دیتابیس این مشکل حل شده و دیتابیس بهینه می‌شود.

اکثر پلتفرم‌های میزبانی وب به کاربر اجازه مدیریت دیتابیس را در قسمت phpMyAdmin می‌دهند. اگر شما نتوانستید جداول را در phpMyAdmin بهینه کنید، می‌توانید از WordPress Command Line interface یا (WP-CLI) استفاده کنید.

۴) CSS سایت شما بهینه نیست

مانند کدهای جاوا اسکریپت،CSS  سایت شما اگر بهینه نباشد منجر به پایین بودن سرعت سایت می‌شود.

راه حل‌های زیر می‌تواند منجر به بهینه شدن CSS شود:

  • اگر چند فایل css external دارید، می‌توانید به یک یا چند فایل با تعداد کمتری تبدیل کنید.
  • می‌توانید کلاً external css ها را حذف کرده و به‌جای آن از inline css استفاده کنید.
  • از media type برای بارگذاری کردن فایل css استفاده کنید.

مانند روش inline جاوا اسکریپت از inline css هم می‌توان استفاده کرد. اگر فایل‌های بزرگ CSS دارید، نیازی نیست که تمام آن‌ها را در صفحه html خود بارگذاری کنید. استفاده از media type ها یا ترکیب فایل‌های external css می‌‎تواند بسیار موثر باشد. 

۵) Opcache فعال نیست

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

بنابراین اگر تمایل دارید که وب سایت خودتان را در هاستی که قابلیت Opcache آن فعال است قرار دهید، هاست سینداد این امکان را برای شما فراهم می‌آورد.

۶) Caching مانع بهینه شدن بارگذاری صفحه می‌شود

Caching زمانی اتفاق می‌افتد که مرورگر یک کپی ازفایل‌های وب سایت شما را ذخیره می‌کند.

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

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

Caching مانع بهینه شدن بارگذاری صفحه می‌شود

۷) فایل های مدیا باعث افزایش زمان بارگذاری می شوند

فایل های مدیا باعث افزایش زمان بارگذاری می شوند

فایل‌های رسانه‌ای مانند ویدیو و تصاویر دارای حجم زیادی هستند. بهینه کردن آن‌ها با تکنیک‌های فشرده‌سازی باعث کاستن سایز آن‌ها شده و در نهایت منجر به بهینه شدن سرعت سایت می‌شود.

از سایت TinyJPG که یک ابزار آنلاین برای فشره کردن تصاویر است، می‌توان استفاده کرد.

 همچنین پلاگین‌هایی برای فشرده کردن سایز تصویر در وردپرس وجود دارد. به عنوان مثال می‌توانید از ابزار Smush Image Compression and Optimization استفاده کنید.

۸) اسکریپت‌های نامناسب با قسمت های مختلف سایت تداخل دارند

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

ابزارهایی که سرعت سایت را چک می‌کند Pingdom ، Web Page Test و GTmetrix است که با پیشنهاداتی که در مورد کدها می‌دهند به بهبود سرعت کمک می‌کنند. با بهینه کردن کدهای جاوا اسکریپت این مشکلات کمتر می‌شود.

۹) کدهای بیش از اندازه طولانی سایت

هر چقدر کدهای سایت پیچیده و تودرتو و طولانی شود، تاثیر مستقیم در سرعت بارگذاری صفحه دارد. مثلاً هر چه کدهای طولانی غیر ضروری یا line break استفاده شود، سرعت سایت بیشتر می‌شود.

با تکنیک ‘minify’ کردن کد می‌توانید موارد غیر ضروری را حذف کنید. دو پلاگین وجود دارند که می‌توانند این کار را برای شما انجام دهند. یکی Autoptimize minifies code که درکنار بهینه کردن کد‌های اصلی سایت، فایل‌های CSS و جاوا اسکریپت را minify  و بهینه می‌کند. همچنین با  WP Super Cache ادغام می‌شود.

Fast Velocity Minify هم پلاگین دیگری است که فایل‌های CSS و جاوا اسکریپت را ادغام می‌کند و همچنین کدهای اصلی سایت را بهینه و minify می‌کند. این دو پلاگین پیشنهادی برای بهینه کردن کدهای سایت مناسب می‌باشند و پیشنهادات مناسبی را به برنامه نویس می‌دهد؛ ولی شما باید هر کدام را جداگانه تست کنید و بررسی کنید که با کدام  روش سرعت بارگذاری سایت پایین آمده و عملکرد سایت مطلوب‌تر می‌شود.

۱۰) Missing Files یا فایل‌های گم شده باعث خطای ۴۰۴ می‌شود

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

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

۱۱) پلاگین ها سایت شما را سنگین می‌کنند

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

۱۲) مشکلات اینترنتی باعث کاهش سرعت سایت می‌شوند

مشکلات Internet service provider یا (ISP) منجر به ضعیف شدن سرعت سایت و عملکرد آن می‌شود.

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

این راه به شما کمک می‌کند که چک کنید آیا این مشکل از ISP شما‌ست یا به عوامل دیگری بستگی دارد؟

کم کردن سرعت بارگذاری وب سایت

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

ما در این مقاله به ۱۲ عامل که باعث افزایش سرعت سایت می‌شود پرداختیم. هر زمانی که به بهینه کردن سایت خودتان بر اساس مواردی که اشاره کردیم مانند فعال کردن caching یا فشرده‌سازی مدیا فایل‌ها پرداختید، این مشکلات حل شده و سرعت سایت بهبود پیدا می‌کند.

فناوران شبکه سینداد (آهنگ نوآوری)

سینداد یعنی هدیه‌ی سیمرغ، یا فرزند سیمرغ؛ به عبارتی یعنی خود سیمرغ، با همه ی شگفتی هایش، اما جوانتر و سرزنده تر. و این چیزی است که ما سعی می کنیم در سینداد باشیم. از سال ۱۳۸۵ دانش مان را به صورت خدماتی در حوزه ی هاستینگ، شبکه و تولید نرم افزار در اختیار مشتریان مان قرار داده ایم و به این افتخار می کنیم که تک تک آنها تا به امروز همراه ما مانده اند. باور داریم که سینداد صرفاً یک شرکت نیست، بلکه نوعی باور است به ارائه ی شگفت انگیز از هر چیز.