• سرو سایت
  • معرفی خدمات
  • پروژه های وب توسط سرو سایت
  • پیش‌نمایش/دموها
  • قیمت و تعرفه‌ها
  • وبلاگ سرو سایت
  • درباره ما
  • تماس
© تمام حقوق محفوظ است.
سرو سایت : طراحی وب سایت سرو سایت : طراحی وب سایت
  • معرفی خدمات
  • نمونه‌کارها/معرفی پروژه‌ها
  • قیمت و تعرفه‌ها
  • وبلاگ سرو سایت
  • درباره ما
  • تماس
سرو سایت : طراحی وب سایت
طراحی وب سایت

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

پشتیبانی محتوا سرو انلاین روشن 15 شهریور 1399
توسط پشتیبانی محتوا سرو انلاین درطراحی وب سایت

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

افزایش سرعت سایت یکی از مهم‌ترین و تأثیرگذارترین ویژگی در بازاریابی اینترنتی است. سرعت بارگذاری یک وب‌سایت رابطه مستقیمی با موفقیت یا شکست آن وب‌سایت دارد. سرعت بارگذاری یک وب‌سایت به یکی از فاکتورهای اصلی در زمینه موفقیت در بازاریابی اینترنتی تبدیل شده است. پیش‌تر مسئله سرعت وب‌سایت به این اندازه مهم نبوده است.

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

سرعت سایت
سرعت سایت

فعالان در بحث بهینه‌سازی موتورهای جستجو و وب‌سایت‌ها طی یک تحقیق دریافتند که یک ثانیه تأخیر در بارگذاری یک سایت برابر است با:

16% افت رضایت مشتریان
11% بازدید کمتر از صفحات وب‌سایت
7% نرخ کمتر تبدیل کاربران به مشتری

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

 

منظور از سرعت بالا

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

اگر سرعت بارگذاری وب‌سایت شما از 3 ثانیه بیشتر و تا 7 ثانیه طول بکشد شما باز هم در بازه استاندارد قرار دارید اما نرخ کمتری از ترافیک و بازدید کاربران را دریافت می‌کنید. اگر زمان بارگذاری وب‌سایت شما از 10 ثانیه بیشتر طول بکشد با مشکل مواجه می‌شوید و اگر تلاش نکنید که این مدت زمان را کاهش دهید، طولی نمی‌کشد که با مشکلات خیلی زیادی از سمت موتورهای جستجو و کاربران رو‌به‌رو خواهید شد.

البته باید گفت اگرچه سرعت اینترنت اپراتورها و سرویس‌دهنده‌های ایرانی طی سال های اخیر افزایش قابل توجهی داشته است، اما باز هم سرعت میانگین اینترنت ایران از حد استاندارد جهانی بسیار پائین‌تر است. با این تفاسیر برای وب‌سایت های ایرانی 1 الی 2 ثانیه تأخیر بیشتر نیز قابل‌قبول خواهد بود.

سرعت سایت

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

 

فرق سرعت سایت با سرعت صفحه

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

 

سرعت مناسب برای یک سایت ایرانی

سرعت استاندارد بارگذاری کامل برای سایت‌های ایرانی با شرایط گفته شده، باید بین 3 الی 7 ثانیه باشد. باید سرعت بارگذاری وب‌سایت خود راهمیشه چک کنید و اگر زمانی این مقدار طولانی‌تر شد، سعی کنید سرعت سایت خود را بیشتر کنید.

سرعت سایت
سرعت سایت

آمار ثبت شده زیر در مورد نتایج به دست آمده در مورد سایت‌های بهینه نشده است:

75% مشتریان فروشگاه‌های آنلاین و مراجعه کنندگان سایت‌ها، وقتی سرعت پایین و تأخیر یک وب‌سایت را ببینند به سایت‌های رقیب مراجعه می‌کنند.
57% از بازدیدکنندگان ی سایتی که بیشتر از 5 ثانیه بارگذاری آن طول می‌کشد سایت را ترک می‌کنند و از مراجعه مجدد خودداری می‌کنند.
47% از کاربران سایت‌هایی که 1 تا 3 ثانیه بارگذاری آنها طول میکشد را ترجیح می‌دهند و از تمام وب‌سایت‌های مشابه نیز چنین انتظاری را دارند.

سایتی که بارگذاری آن 5 ثانیه طول می‌کشد 22% بازدید کنندگان کمتر، 50% خروج بیشتر کاربران و 22% کمتر تبدیل کاربر به مشتری را نسبت به یک سایت دیگر که بارگذاری آن 1 تا 3 ثانیه طول می کشد را تجربه می کند. جالب است بدانید که سایت های فروشگاهی که سرعت کمی دارند ماهانه 8% از خریدهای ماهیانه خود را خیلی راحت از دست بدهند.

 

فروشگاه های آنلاین

طی یک پژوهش درباره فروشگاه‌های آنلاین، 52% از صاحبان فروشگاه‌ها به اینکه سرعت بالای بارگذاری شدن صفحات به جذب هر چه بیشتر  مشتریان کمک زیادی می‌کند اعتقاد دارند و 44% این افرادمعتقدند کاربرانی که از شرایط وب‌سایت و سرعت پائین بارگذاری آن راضی نباشند، سایت را به دیگران معرفی نمی‌کنند، و به دیگران توصیه می‌کنند که از سایت‌های دیگر به جای سایت شما استفاده کنند.

جالب است بدانید در سال 2015 گوگل به خاطر یک اشکال فنی ساده که منجر به 5 ثانیه تأخیر در بارگذاری Google.com شد، نزدیک به 15% از ترافیک خود را برای چندین روز از دست داد، این در حالیست که اشکال فنی گفته شده در کمتر از یک ساعت شناسایی و رفع شده بود. همچنین چند سال پیش آمازون یک تست A/B آنلاین در سایت خود راه‌اندازی کرد، که منجر به تأخیر یک ثانیه‌ای لود شدن صفحات به مدت دو هفته شد. همین مسئله درآمد آن ماه آمازون را به مقدار قابل توجهی کاهش داد. از دیگر مثال‌های موجود در این مورد می‌توان به سایت موزیلا اشاره کرد. زمانی که موزیلا سرعت بارگذاری سایت خود را نزدیک به 2 ثانیه بهبود بخشید، تعداد دانلودهای مرورگر فایرفاکس به مقدار 15.4% افزایش پیدا کرد. این مقدار یعنی 10 میلیون دانلود بیشتر در طول یک سال.

نتایج نشان می‌دهند که استفاده از سیستم “نوار پیشرفت یا Progress Bar” که مقدار حجم بارگذاری شده یک وب‌سایت را نمایش می‌دهد، در روند رضایت مقطعی کاربران تأثیر دارد. چون در چنین حالتی حداقل کاربران از زمانی که باید در انتظار باشند، تا حدودی مطلع می‌شوند. این حالت خیلی بهتر از این است که چندین ثانیه در صفحه‌ای تماماً یک رنگ منتظر بمانند و اطلاعی از اینکه چقدر باید صبر کنند نداشته باشند.

 

 انتخاب هاست و دامنه مناسب و تاثیر بر افزایش سرعت سایت

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

انتخاب هاست مناسب و تاثیر بر افزایش سرعت سایت
هاست و دامنه

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

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

 

انتخاب سیستم مدیریت محتوای مناسب

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

سیستم مدیریت محتوا برای سایت
سیستم مدیریت محتوا

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

در ادامه به معرفی چند مورد  از بهترین CMS ها می‌پردازیم :

 

هاب اسپات

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

هاب اسپات
هاب اسپات

هاب اسپات به نسبت یک نرم افزار تحت وب برای سایت های معمولی و تجارت‌های کوچک  هزینه خیلی زیادی دارد. به همین خاطر است که بازار هدف این CMS تجارت‌های تخصصی و حرفه‌ای هستند. قیمت بسیار زیاد نسخه Enterprise با قیمت 2400 دلار برای هر ماه، نسخه Pro با قیمت 800 دلار برای هرماهو قیمت نسخه پایه هاب اسپات نزدیک به 200 دلار برای هر ماه می‌باشد.

 

اسکوآر اسپیس

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

 

دروپال

سیستم مدیریت محتوای دروپال (Drupal) که در بین سیستم‌های مدیریت محتوا کاربردی‌ترین و قدیمی‌ترین آنها به محسوب می‌شود، یک سیستم مدیریت محتوای تحت وب به صورت متن باز است که اولین نسخه آن در سال 2001 منتشر گردید.

دروپال
دروپال

دروپال به خاطر امنیت بالا و استانداردهای مخصوص خود شهرت یافت. طرفداران دروپال جزو کاربران سطح حرفه‌ای هستند. دروپال بر اساس زبان PHP طراحی شده و یک نرم افزار چندسکویی (Cross-platform) است.

 

وردپرس

سیستم مدیریت محتوای وردپرس (wordpress) که در حال حاضر محبوب‌ترین و کارآمدترین سیستم مدیریت محتوا در بین کاربران است، بر مبنای PHP و MySQL پایه‌گذاری شده است و برای اولین بار در سال 2003 معرفی شد. از کاربران تازه کار تا وب‌مسترهای حرفه‌ای، همگی می‌توانند از این CMS به منظور ساخت فرپشگاه اینترنتی، سایت، وبلاگ و … بهره‌مند شوند.

وردپرس
وردپرس

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

 

جوملا

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

 

فعال‌سازی افزونه Gzip Compression و تاثیر بر افزایش سرعت سایت

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

فرآیند فشرده سازی، فرآیندی است که طی آن فایل‌های مختلف را در یک فایل فشرده قرار داده و باعث کاهش زیاد حجم آن فایل و افزایش سرعت سایت می‌شود افزونه Gzip Compression هم از همین متد استفاده می‌کند. با کمک این افزونه، می‌توانید برخی از فایل‌های موجود در هاست و وب‌سایت خود را فشرده و بهینه کنید تا با این کار حجم نهایی وب‌سایت کاهش پیدا کند.

فشرده سازی تصاویر
فشرده سازی

عملکرد اصلی این سیستم شامل فایل‌های اصلی کدنویسی قالب یک سایت است. Gzip Compression مواردی همچون فایل های CSS یا HTML را به روشی نوین بهینه‌سازی می کند. از جمله اقداماتی که در Gzip Compression برای این نوع فایل‌ها صورت می‌گیرد، حذف فضاهای خالی بین کدها و کدهای بدون استفاده است. این تغییرات اغلب در فایل های استایل یک قالب، صورت می‌گیرد تا بتوان از طریق آن حجم نهایی آن صفحه یا صفحات را به مقدار محسوسی کاهش داد. نتایج و آمار نشان می‌دهند استفاده از این قابلیت می‌تواند تا 70% حجم یک صفحه را کاهش دهد! این مقدار باعث می‌شود تا سرعت بارگذاری سایت شما بهبود مناسبی پیدا کند.

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

 

فعال‌سازی افزونه Gzip Compression در وب‌سایت

روش اول: به سایت Giftofspeed رفته و فعال بودن یا فعال نبودن Gzip در سایتتان را چک کنید. در صورتی که Gzip روی سایتتان فعال نبود، به شرکت هاستینگ‌تان تیکت بزنید و بخواهید که آن را برایتان فعال کنند.

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

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

 

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

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

ریدایرکت
ریدایرکت

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

برای چک کردن ریدایرکت‌های سایتتان می‌توانید از Redirect mapper استفاده کنید؛ اگر ریدایرکتی  غیرضروری بود، آن را پاک کنید.

 

درخواست‌های اشتباه

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

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

در مرحله دوم، می توانید با استفاده از ابزارهای آنلاینی همچون Dead Line Checker صفحات و آدرس هایی که دچار چنین مشکلی شده اند را پیدا کرده و نسبت به مرتفع کردن مشکلات آنها اقدام کنید.

 

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

شبکه توزیع محتوا (Content Delivery Network) که آن را با حروف اختصاری CDN نمایش می‌دهند، شبکه ای مرتبط و به هم لینک شده از چندین سرور می باشد که دسترسی اطلاعات برای کاربران را خیلی راحت کرده است. شبکه توزیع محتوا یک شبکه بزرگ از سرورهای به هم متصل و نزدیک به هم است. این سرورها که با نام Cache Server یا Edge Server شناخته می شوند، با فاصله های نزدیک و در تمام نقاط کره زمین هستند. هر کاربری که به یک سایت مراجعه می کند، در واقع می بایست اطلاعات لازم را از سرور اصلی آن سایت که سرور آن در نقطه ای از کره زمین قرار دارد دریافت کند.

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

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

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

افزونه‌های LazyLoad برای بهینه‌سازی تصاویر

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

روش کار این افزونه به این صورت است که در صورت نصب و فعال بودن آن، مرورگرها فقط تصاویری از یک سایت را بارگذاری می‌کنند که در محدوده دیدشان باشند. به عبارت دیگری وقتی وارد سایتی که این افزونه در آن فعال است می‌شوید، تصاویری را که در کادر مرورگر شما دیده می‌شوند را می‌بینید، و زمانی که شما سایت را به قسمت‌های پائین‌تر اسکرول می‌کنید، تصاویر بعدی به نوبت بارگذاری و همراه افکت ظاهر می‌شوند. استفاده از این سیستم کمک شایانی به کاهش تعداد آیتم‌های در حال دانلود برای مرورگرها می‌کند و همین موضوع باعث می‌شود تا سایت شما با سرعت بیشتری لود شود. اگر ازسیستم مدیریت محتوای وردپرس استفاده می‌کنید، می‌توانید از پلاگین های Lazy Koad، jQuery Image Lazy Load WP و BJ Lazy Load استفاده کنید.

کش مرورگر یا فعال‌سازی قابلیت ذخیره‌سازی

کش مرورگر یا فعال‌سازی قابلیت ذخیره سازی، به مقدار بسیار زیادی سرعت بارگذاری وب‌سایت شما را برای کاربران بیشتر کند. این روش بهترین راه‌های بهبود تجربه کاربری است.کش (Caching)  پروسه ذخیره‌سازی اطلاعات موجود در وب‌سایت از جمله عکس ها،فایل هایمربوط به قالب وکدنویسی آن (فایل های CSS ،JavaScript و اسناد HTML) و فایل‌های چندرسانه‌ای در مرورگر کاربر گفته می‌شود.فایل‌ها  فقط برای بار اول نیاز به لود شدن و ذخیره‌سازی دارند. برای دفعات بعد نیازی به دانلود مجدد فایل‌ها به برای بارگذاری کامل یک وب‌سایت نیست. بخاطر کش مرورگر کاربر در دفعات بعدی مراجعه به سایت، با سرعت چند برابر بیشتر آن سایت را به صورت کامل باز می‌کند. امروزه تمام مرورگرهای معرپف و مشهور این قابلیت را به صورت خودکار انجام می‌دهند، اما بعضی از سایت‌ها دسترسی‌ لازم برای این کار را به مرورگرها نمی‌دهند.

کش مرورگر
کش مرورگر

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

برای مثال  در وردپرس می‌توان از افزونه‌های بسیار کاربردی مثل  WP Super Cache و یا W3 Total Cache استفاده کرد و در Drupal از نرم‌افزار تحت وب Varnish Cache می‌توان استفاده کرد. سیستم مدیریت محتوای Joomla ابزاری پیش فرض برای کش مرورگر دارد که می‌توان از بخش System گزینه Global configuration سپس در قسمت Cache settings به آن دسترسی داشت.

 

حذف افزونه های غیر ضروری و تاثیر بر افزایش سرعت سایت

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

شما به سادگی می‌توانید متوجه شوید که کدام افزونه‌ها سرعت بیشتری را از سایت شما گرفته اند. برای این کار افزونه ها را یکی یکی غیرفعال کنید و سپس سرعت بارگذاری سایت خود را چک کنید و ببینید که در سایت شما تغییری رخ داده است یا خیر. با این روش می‌توانید پلاگین‌های نامناسب را شناسایی کنید. همچنین اگر از وردپرس استفاده می‌کنید، می‌توانید از افزونه Plugin Performance Profiler یا p3 استفاده کنید و با سیستم عیب‌یابی آن، افزونه ها را آنالیز کنید. افزونه P3 پلاگین‌هایی که به کاهش سرعت سایت شما منجر می‌شوند را معرفی می کند. P3 همچنین به شما در شناخت بهتر افزونه‌های مورد استفاده کمک می‌کند. ممکن است بعضی از این افزونه ها سرعت‌ سایت را کم کنند، اما حضورشان حیاتی باشد. اگر مطمئن نیستید کدام افزونه باید حذف شود و کدام باید باقی بماند، افزونه P3 به شما کمک خواهد کرد.

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

 

فعال‌سازی افزونه Hotlink Protection و تاثیر بر افزایش سرعت سایت

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

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

برای فعالسازی این افزونه باید به روش زیر اقدام کنید

 

فعالسازی Hotlink Protection در کنترل پنل پلسک

وارد کنترل پنل شده و از تب Websites & Domains گزینه Show More را بزنید.
روی گزینه Hotlink Protection کلیک کنید.

محافظت از لینک در پلسک
محافظت از لینک در پلسک

گزینه Hotlink Protection از قسمت Tools بر روی دکمه Switch On کلیک کنید تا Hotlink Protection فعال شود.

محافظت از لینک در کنترل پنل واسک
محافظت از لینک در کنترل پنل واسک

در بخش Settings و از قسمت Protected files extensions فرمت های مورد نظر خود را که میخواهید  دسترسی به آن ها را مسدود کنید بنویسید. در پلسک باید با استفاده از اسپیس جدا کنید
در قسمت بعدی یعنی Addresses of friendly websites آدرس سایت هایی که نمی خواهید این محدودیت روی آن ها اعمال شود را وارد کرده با //:http و گزینه Add را بزنید.
بعد از اینکه فرمت ها و آدرس سایت ها را وارد کردید، گزینه OK را زده تا تنظیمات ذخیره شوند.

 

فعالسازی Hotlink Protection در کنترل پنل سی پنل

ابتدا وارد کنترل پنل شده و از قسمت Security گزینه Hotlink Protection را پیدا کرده و روی آن کلیک کنید. سپس روی گزینه Enable کلیک کنید تا این قابلیت فعال شود. اگر از قبل این قابلیت فعال بود از این مرحله می گذریم.

فعالسازی محافظت از لینک در سی‌پنل
فعالسازی محافظت از لینک در سی‌پنل

در قسمت بعدی،  قسمت Configure Hotlink Protection برای وارد کردن آدرس های URL جایی وجود دارد که با عنوان URLs to allow access نمایش داده شده است.
در این قسمت آدرس سایت هایی که می خواهید بدون محدودیت از محتوای سایت شما استفاده کنند از جمله آدرس سایت خودتان را به صورت کامل همراه با //:http وارد می‌کنید.

فعال‌سازی محافظت از لینک در سی‌پنل
فعال‌سازی محافظت از لینک در سی‌پنل

در پائین تر از قسمت  Block direct access for the following extensions پسوند هایی که مایل به مسدودسازی آن ها هستید را بنویسید. هر فرمت را بنویسید و بعد از آن یک کامای انگلیسی بگذارید و سپس فرمت بعدی را تایپ کنید.
در صورتی که تیک گزینه بعدی را بزنید، اجازه ارسال درخواست از سوی مرورگرها یا دیگر نرم افزارها را فعال کرده اید.
در قسمت آخر با عنوان Redirect the request to the following URL قسمتی است که می توانید با وارد کردن آدرس دلخواه، لینک ها و فایل های مسدود شده در سایت های دیگر را به آدرس مورد نظرتان هدایت کنید.

فعال‌سازی محافظت از لینک در سی‌پنل
فعال‌سازی محافظت از لینک در سی‌پنل

بعد از اتمام کار، روی گزینه  Submit کلیک کنید.

 

فعالسازی Hotlink Protection در کنترل پنل دایرکت ادمین

کنترل پنل دایرکت ادمین، مثل سی پنل دسترسی مستقیمی به فعالسازی این افزونه ندارد، باید از طریق ویرایش فایل htaccess این کار را انجام دهید. برای فعالسازی به روش زیر عمل کنید:

ابتدا وارد کنترل پنل شده و از قسمت مدیریت فایل ها به Public_html روت اصلی هاست بروید.
سپس فایل htaccess را با یک ویرایشگر باز کنید.
کد دستوری زیر را در فایل htaccess وارد کنید

RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http://(www.)?domain.com.*$ [NC]
[RewriteRule .(gif|jpg|mp4)$ – [F]

در این کد، به جای domain.com آدرس سایت خود را بدون http:// وارد کنید.
اگر مایل به اضافه کردن آدرس های بیشتری بودید، همین عبارت کد را کپی کرده و در خط پائین قرار دهید و فقط آدرس سایت را تغییر دهید.
در قسمت بعدی، جایی که فرمت ها مشخص شده اند نیز می توانید فرمت هایی که نیاز به مسدود شدن دارند را مشخص کنید.
اگر مایل به اضافه کردن پسوندهای بیشتری بودید، کافیست آن ها را در ادامه فرمت های قبلی اضافه کنید. مثال: gif|jpg|mp4

 

بهینه‌سازی قالب وب‌سایت و تاثیر بر افزایش سرعت سایت

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

اگر می‌خواهید یک سایت موفق و معتبر داشته باشید باید در سه بخش رابط کاربری (UI)، تجربه کاربری (UX)  و سازگار بودن با موبایل ها سایت‌تان به صورت عالی باشد. اگر تصمیم به بهینه سازی سایت فعلی خود یا استفاده از یک طرح جدید دارید  این 3 گزینه را جدی بگیرید.

 

بارگذاری سایت در موبایل

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

بارگذاری سایت در موبایل
بارگذاری سایت در موبایل

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

AMP یا Accelerated Mobile Page، یک تکنولوژی است که کمک می‌کند سایت‌های نسخۀ موبایل، در سریع‌ترین حالت ممکن بارگذاری شوند. گوگل این تکنولوژی را در سال 2016 ارائه کرده است، تا سایت‌های کند بتوانند با استفاده از آن، تکانی به سرعت خود بدهند. از سال 2016 تا کنون، حدود 25 میلیون دامنه، بیش از 1.5 بیلیون صفحۀ AMP ساخته‌اند.

 

چگونگی کارکرد AMP و تاثیر بر افزایش سرعت سایت

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

 

ساختن صفحۀ AMP

باید نسخۀ دیگری از سایتتان درست کنید که استانداردهای پروژۀ AMP را در آن رعایت کرده باشد. بعد از ساختن AMP، آدرس سایت در نسخۀ موبایلی به چیزی مشابه site.com/page/amp تغییر می‌کند و با یک علامت در نتایج جستجو نشان داده می‌شود.

افزایش سرعت بارگذاری سایت در موبایل
نمایش سایت در موبایل

 

فشرده‌سازی فایل های JavaScript و CSS

از دیگر روش‌های افزایش سرعت سایت و کاهش حجم کلی آن، فشرده‌سازی فایل‌های JavaScript و CSS می‌باشد. منظور ما از فشرده سازی کم کردن حجم فایل‌ها نیست؛ بلکه ادغام کردن چندین فایل در یک فایل است. به این فرآیند Minify می‌گویند. یک وب‌سایت شامل صدها فایل گوناگون است که بسیاری از آنها ممکن است فایل‌های JavaScript و CSS باشند. می توانید. کدهای اصلی این فایل‌ها را جمع کنید و همه‌ی آنها را در یک فایل ذخیره کنید. در این حالت به مقدار زیادی فایل‌های اضافی را از سرور حذف کرده و سایت را سبک‌تر می‌کنید.

این اقدام باعث می‌شود تا درخواست‌های مرورگرها برای خواندن اطلاعات هر فایل کاهش یافته و در نتیجه سرعت بارگذاری سایت افزایش یابد. این فرآیند کار خیلی آسانی نیست و پیشنهاد می‌کنیم این کار را به یک متخصص طراحی وب واگذار کنید. با این حال برای این کار ابزارهای گوناگونی عرضه شده است. مثلاً ابزار تحت وب WillPeavy می‌تواند فایل‌هایHTML ,CSS و JavaScript را برای شما Minify کند و در سیستم مدیریت محتوای WordPress افزونه‌هایی مثل Better WordPress Minify وجود دارند که انجام این کار را برای شما آسان می کنند.

 

 آیتم ها و رعایت ترتیب آن ها در سایت

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

هرچه آیتم و منوهای بیشتری در سایت خود به کار برده باشید، تعداد درخواست های HTTP بیشتر می شود و به دنبال آن سرعت بارگذاری صفحات سایت شما تا حدی کاهش می یابد. استفاده مناسب و صحیح از آیتم های سایت به بهینه سازی و توسعه کاربر محور (بهبود طراحی Front-end) یک سایت کمک زیادی می کند.

در این زمینه اصولی با عنوان اصول Above the Fold وجود دارد که طبق آن، باید مهمترین آیتم ها و عناصر یک سایت را در قسمت بالایی صفحه قرار دهید، به طوری که برای دیدن آن ها نیازی به اسکرول کردن نباشد. با این کار چند نکته حیاتی را رعایت می کنید. اول اینکه با این کار دسته بندی های منظم تری از بخش های سایت ایجاد کرده و دوماٌ مهمترین بخش های سایت خود را در اولین نگاه به کاربران نشان می دهیددر نتیجه سرعت بارگذاری هر بخش را افزایش می دهید.

 

بهینه‌سازی پایگاه داده ها و تاثیر بر افزایش سرعت سایت

بهینه‌سازی پایگاه داده های (Database) یک سایت یکی دیگر از راه های افزایش سرعت سایت می باشد. این نوع بهینه سازی ها باید به صورت مداوم و در زمان های مشخص انجام شوند. به ویژه اگر شما از سیستم های مدیریت محتوای سنگین استفاده می کنید.

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

بهینه سازی پایگاه داده
بهینه سازی پایگاه داده

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

برای انجام این بهینه سازی ها افزونه های زیادی عرضه شده است. اگر سیستم مدیریت محتوای شما دروپال است، می توانید از ماژول OptimizeDB استفاده کنید. برای جوملا افزونه هایی مثل Optimize Your Table عرضه شده اند تا بتوان با کمک آن ها دیتابیس را بهینه‌سازی کرد. برای وردپرس می توان به افزونه های کاربردی همچون WP Optimize، WP-Sweep و WP-DBManager اشاره کرد. این افزونه ها به صورت خودکار بهینه‌سازی های لازم را برای سایت انجام می دهند. دکمه شروع را بزنید تا فرآیند بهینه سازی آغاز شود.

 

بخش های اضافی و غیرکاربردی سایت را حذف کنید

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

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

از دیگر موارد مشابه در همین زمینه، لینک های از کار افتاده (Broken Links) هستند که حضورشان هیچ توجیهی در یک سایت ندارد. چنین لینک هایی که با صفحات 404 شناخته می شوند، باید حذف و یا به صفحات دیگر هدایت شوند. این مسئله ثابت می‌کند که باقی ماندن لینک های از کار افتاده درکاهش سرعت سایت تأثیر زیادی دارد. برای شناسایی و پیدا کردن لینک های از کار افتاده می توانید از سایت Online Broken Link Checker استفاده کنید. برای دروپال می توانید از ماژول Link Checker، برای وردپرس، پلاگین Broken Link Checker را نصب کنید. همچنین  و برای جوملا از افزونه Link Checker استفاده کنید.

 

از تبلیغات اسپم استفاده نکنید تا سرعت سایت افزایش یابد

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

در ضمن بد نیست بدانید که گوگل، الگوریتمی به نام فرد را مامور مبارزه با سایت‌هایی کرده است که حجم تبلیغات آن‌ها، با محتوایی که تولید می‌کنند، هیچ تناسبی ندارد.

 

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

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

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

متد Keep Alive و افزایش سرعت سایت
متد Keep Alive و افزایش سرعت سایت

متد Keep Alive برای همین ارائه شده است. با فعال‌سازی این افزونه، بستری فراهم می‌کنید تا به برقراری ارتباط اولیه برای هر درخواست و هر فایل نیازی نباشد. با کمک متد Keep-Alive، سرور سایت فقط برای اولین بار درخواست‌ها را دریافت می‌کند و مابقی اطلاعات را به صورت همزمان به مرورگر ارسال می‌کند. به همین دلیل مرورگرها نیازی ندارند که برای هر فایل یک درخواست ارسال کنند. با فعالسازی این سیستم، سرعت دریافت و انتقال اطلاعات بین کلاینت و سرور به مقدار قابل توجهی افزایش پیدا می‌کند.

متد Keep-Alive را چگونه اضافه کنیم

برای فعال‌سازی این قابلیت می‌توان از دو روش استفاده کرد:

1. فعال‌سازی با استفاده از فایل .htaccess فایل htaccess یک فایل پیکره بندی قابل‌استفاده بر روی سرورها است. این فایل در دایرکتوری اصلی هاست قرار دارد و با تغییرات کدهای آن، دسترسی‌های مختلفی را می‌توان مدیریت کرد. برای فعال کردن قابلیت Keep-Alive از طریق فایل htaccess باید کدی زیر را به کدهای موجود در فایل htaccess اضافه کنید.

                                                                   <ifModule mod_headers.c> Header set Connection keep-alive </ifModule>

با اضافه کردن این کد به فایل htaccess شما قابلیت Keep-Alive را به صورت دستی به هدر سرور سایت خود اضافه می‌کنید و این قابلیت برای سایت شما فعال می‌شود.

2. در بخش هدر قالب HTTP سایت شما، قسمتی با عنوان Connection: close وجود دارد. کلمه close را به Keep-Alive تغییر دهید تا این قسمت به صورت “connection: keep-alive” در بیاید. این روش نیازمند دسترسی‌های شما به اطلاعات سرور دارد. ممکن است سرویس‌دهنده شما چنین دسترسی به شما ندهد. در این صورت می‌توانید از روش اول استفاده کنید.

افزونه Expires Headers و تاثیر بر افزایش سرعت سایت

Expires Headers قابلیتی است که به مرورگرها اجازه می‌دهد تا نسخه کش شده از یک صفحه را، به جای هر بار بارگذاری مجدد نمایش دهند. مزایای استفاده از Expires Headers شامل موارد زیر است:

  1. کاهش مدت زمان لودینگ فایل‌ها توسط سرور
  2. کاهش مدت زمان بارگذاری صفحات سایت
  3. کاهش استفاده از پهنای باند سرور
  4. جلوگیری از ترافیک‌های بی‌مورد و افت سرعت انتقال داده‌ها
افزونه Expires Headers
افزونه Expires Headers

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

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

Expires Headers چطور کار می‌کند؟

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

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

چگونگی استفاده از Expires Headers

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

<IfModule mod_expires.c>
  ExpiresActive On
  # Images
  ExpiresByType image/jpeg "access plus 1 year"
  ExpiresByType image/gif "access plus 1 year"
  ExpiresByType image/png "access plus 1 year"
  ExpiresByType image/webp "access plus 1 year"
  ExpiresByType image/svg+xml "access plus 1 year"
  ExpiresByType image/x-icon "access plus 1 year"
  # Video
  ExpiresByType video/mp4 "access plus 1 year"
  ExpiresByType video/mpeg "access plus 1 year"
  # CSS, JavaScript
  ExpiresByType text/css "access plus 1 month"
  ExpiresByType text/javascript "access plus 1 month"
  ExpiresByType application/javascript "access plus 1 month"
  # Others
  ExpiresByType application/pdf "access plus 1 month"
  ExpiresByType application/x-shockwave-flash "access plus 1 month"
</IfModule>

همانطور که در کدها می‌بینید، فرمت‌های خاص برای مدت زمان‌های خاص مشخص شده‌اند. می‌توانید تا این فرمت‌ها و یا مدت زمان‌های مشخص شده را به راحتی ویرایش کنید.  مثلا فایل‌های تصویری jpeg به مدت یک سال در حافظه مرورگرها ذخیره خواهند شد. این فرمت در بخش image/jpeg و مدت زمان آن در خط جلوئی یعنی 1 year مشخص شده‌اند. اگر می‌خواهید مدت زمان مربوطه را به سال وارد کنید، کافیست عدد 1 را تغییر دهید و اگر می‌خواهید این زمان را به ماه حساب کنید، جای year کلمه month وارد کرده و به جای عدد 1 تعداد ماه های دلخواه را وارد کنید.

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

بهینه‌سازی تصاویر موجود و تاثیر بر افزایش سرعت سایت

فایل‌های چند رسانه‌ای به ویژه عکس‌ها، حجم زیادی از پهنای باند سایت را اشغال می‌کنند. این مقدار چیزی نزدیک به 60% از حجم کلی یک صفحه وب است.

بهینه‌ سازی تصاویر و افزایش سرعت سایت
بهینه‌ سازی تصاویر و افزایش سرعت سایت

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

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

  1. ستفاده از افزونه‌های کاربردی که در زمینه بهینه‌سازی خودکار تصاویر ارائه شده‌اند: سیستم‌های مدیریت محتوا دارای افزونه‌ها و ماژول‌های مختلفی برای بهینه‌سازی بخش‌های گوناگون سایت هستند. این افزونه‌ها می‌توانند به صورت اتوماتیک تصاویر موجود (آپلود شده) در وب‌سایت شما را شناسایی کرده و آنها را بدون دخالت شما بهینه کنند. حجم نهایی اغلب این تصاویر بعد از بهینه شدن تقریباً یک چهارم حجم نسخه اصلی می‌شود. همین روش به شدت در افزایش سرعت وب‌سایت شما تأثیرگذار خواهد بود. بهترین پلاگین‌های موجود در این زمینه برای وردپرس عبارت اند از :
  •  reSmush.it
  • EWWW Image Optimizer
  • Compress JPEG & PNG images
  •  ShortPixel Image Optimizer
  • WP Smush

2. بهینه‌سازی دستی تصاویر با تغییر فرمت و ذخیره‌سازی آنها متناسب با نسخه‌های مخصوص وب: در این روش شما باید عکس‌های خود را قبل از ارسال روی سایت (آپلود) به صورت دستی بهینه‌سازی کنید. این کار با نرم‌افزارهای دسکتاپی و یا تحت وب قابل انجام است. فتوشاپ به عنوان یکی از معتبرترین نرم‌افزارهای کاربردی در زمینه ویرایش تصاویر، امکانی برای وب‌مسترها فراهم کرده است تا بتوانند تصاویر نهایی خود را بعد از ویرایش، با گزینه Save for web ذخیره کنند.

ذخیره‌سازی تصاویر با این گزینه باعث می‌شود تا تصاویر بدون اینکه افت کیفیت خاصی داشته باشند، به صورت کاملاً بهینه شده و با حجم چندین برابر کمتر قابل‌استفاده باشند. اگر اهل استفاده از این مدل نرم‌افزارها نیستید، وب‌سایت‌هایی همچون Compressor.io و یا Image Optimizer می‌توانند جایگزین مناسبی باشند. کافیست تصویر اصلی خود را در این سایت ها آپلود کرده و بعد از چند لحظه تصویر بهینه شده خود را دریافت کنید.

 

جایگزینی فضای هاست باسرویس دهنده های ویدئویی

فایل های حجیم ویدئوها به ویژه ویدئوهای طولانی می تواند سبب کاهش نسبی سرعت صفحات وب‌سایت شما شوند. به ویژه اگر آن ها را با مدیاپلیرهای آنلاین در سایت خود قرار داده باشید. پیشنهاد بهتر این است که به جای آپلود کردن این فایل ها و قرار دادن آن ها به صورت نمایش آنلاین در صفحات سایت خود، از سرویس دهنده های ویدئویی مثل YouTube و یا Aparat استفاده کنید. با این کار شما به جای استفاده از منابع هاست خود، مستقیماً از منابع این سرویس دهنده ها استفاده می کنید. اما برای راحتی کار کاربران می توانید لینک دانلود این ویدئوها را در هاست دانلود خود آپلود کرده و در اختیار آن ها قرار دهید.

مدیریت پیش نویس های مطالب و تاثیر بر افزایش سرعت سایت

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

برای وردپرس می توان از افزونه هایی که در این مورد منتشر شده اند استفاده کرد. پلاگین Revision Control یکی از همین موارد است که می تواند در مدیریت و کنترل تعداد رونوشت ها به شما کمک کند. فراموش نکنید که حذف همگی پیش نویس ها شاید کمی ریسک پذیر باشد. بنابراین شاید بهتر است یک الی دو مورد از پیش نویس های قبلی را نگه دارید. با کمک این پلاگین شما قادر هستید تا تعداد این پیش نویس ها را به حداقل ممکن رسانده و فضای اشغال شده بی مورد در هاست و سرور خود را پاکسازی کنید.

از تکنیک CSS Image Sprites استفاده کنید

در مبحث طراحی سایت های جدید، تکنیک های CSS کاربردهای زیادی دارند. یکی از این تکنیک ها که اغلب سایت های موفق از آن استفاده می کنند، تکنیکی با عنوان CSS Sprites است.  این تکنیک به شما اجازه می دهد تا چندین تصویر (معمولاً تصاویر آیکون و فرمت های PNG) را در یک فایل PNG ادغام کنید. این حرکت باعث می شود تا سایت شما به جای اینکه ده ها عکس را جداگانه در اختیار مرورگرها قرار دهد، همه آن ها را در یک فایل بارگذاری کند.

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

تکنیک CSS Image Sprites
تکنیک CSS Image Sprites

روش کار این سیستم کاهش تعداد درخواست های HTTP است. فرض کنید در یک صفحه از یک سایت 15 آیکون و تصویر وجود دارند. وقتی یک مرورگر وارد این صفحه شود 15 درخواست برای این تعداد تصاویر ارسال می کند و هر درخواست یک زمان معین به طول می انجامد. شما با استفاده از تکنیک CSS Sprites به جای 15 درخواست فقط یک درخواست ایجاد می کنید و مسلم است که کاهش این مقدار در سرعت بارگذاری نهایی سایت تأثیر زیادی خواهد داشت.

پیاده سازی این تکنیک در سایت های کامل شده هم قابل انجام است، اما پیشنهاد می کنیم قبل از طراحی نهایی سایت، این سیستم را در کدهای CSS سایت اضافه کنید.

گراواتارها

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

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

افزونه Google PageSpeed را روی سرور وب نصب کنید

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

افزونه Google PageSpeed و افزایش سرعت سایت
افزونه Google PageSpeed و افزایش سرعت سایت

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

ماژول PageSpeed که به منظور اعمال تغییرات مثبت برای بهبود سرعت بارگذاری سایت ها منتشر شده است، قابل نصب روی سرورهای Apache و NGINX می باشد. گوگل پکیج های نصبی این ماژول را در سایت توسعه دهندگان خود منتشر کرده است. برای ورود به این سایت و دانلود این ماژول اینجا کلیک کنید.

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

 

راه های افزایش سرعت سایت وردپرسراهکار های افزایش سرعت سایتراهکارهای افزایش سرعت سایتراههای بالا بردن سرعت سایتروش های افزایش سرعت سایت
136 مطالب
پشتیبانی محتوا سرو انلاین
  • تغییر ویرایشگر وردپرس گوتنبرگ به کلاسیک چگونه است؟
    قبلی نوشتهتغییر ویرایشگر وردپرس گوتنبرگ به کلاسیک چگونه است؟
  • بعدی نوشتهدامنه بین المللی چیست؟
    تغییر ویرایشگر وردپرس گوتنبرگ به کلاسیک چگونه است؟

Related Posts

فضای خالی در طراحی سایت چیست و چه نیازی به آن داریم؟
طراحی وب سایت

فضای خالی در طراحی سایت چیست و چه نیازی به آن داریم؟

طراحی سایت بانک و مزایای طراحی آن
طراحی وب سایت

طراحی سایت بانک و مزایای طراحی آن

پشتیبانی سایت چیست و پشتیبان چه وظایفی دارد؟
طراحی وب سایت

پشتیبانی سایت چیست و پشتیبان چه وظایفی دارد؟

بازطراحی سایت چیست و چه اهمیتی دارد؟
طراحی وب سایت

بازطراحی سایت چیست و چه اهمیتی دارد؟

1  دیدگاه

  1. بازطراحی سایت چیست و چه اهمیتی دارد؟ | سرو سایت : طراحی وب سایت
    پاسخ
    23 شهریور 1401
    پاسخ

دیدگاهتان را بنویسید (لغو پاسخ)

آدرس ایمیل شما منتشر نخواهد شد. فیلدهای مورد نیاز علامت گذاری شده اند *

*
*

محصولات ما

  • پیش نمایش‌ها/دموها
  • نمونه کارها/معرفی پروژه‌ها
  • خدمات

لینک های ضروری

  • وبلاگ سرو سایت
  • حریم خصوصی

اطلاعات

  • تماس با ما
  • درباره ما

عضویت در خبرنامه سایت

[mc4wp_form id="4511"]
    SARV-favicon

    بازاریابی محتوا و پشتیبانی سایت : سرو آنلاین | طراحی وب سایت : سرو سایت

    نمونه کارها و معرفی پروژه‌ها
    فرم تماس
    وبلاگ
    تماس با ما : 22923900-021
    Copy