15 نکته طلایی برای بالا بردن سرعت وب سایت

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

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

گوگل می گوید:

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

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

تاثیر سرور در سرعت سایت

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

  1. Leverage browser caching

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

  2. فعال باقی گذاشتن Keep-Alive

    در حقیقت HTTP Keep-Alive با اتصال به TCP اجازه می‌دهد تا مدت زمان تاخیر کاهش یابد و به درخواست های بعدی نیز کمک می‌کند. بنابراین با ارائه دهنده خدمات میزبان هاست خود تماس برقرار کنید و به آنها بگویید که بررسی کنند. بیشتر شرکت های میزبان هاست قابلیت مورد نظر را فعال می‌کنند زیرا فعال بودن چنین ویژگی بدیهی است، مگر دلایلی مالی و یا سیاست های خاصی را آن هاستینگ داشته باشد، با خواندن مقاله رفع مشکل Keep-Alive شما را در درک بهتر ادامه متن بسیار یاری خواهد کرد.

  3. Enable gzip compression

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

    یاهو در این باره می‌گوید:

    Gzip محبوب ترین و کارآمدترین روش فشرده سازی بوده که در حال حاضر دردسترس است. از این رو نزدیک به 70 درصد میزان پاسخ گویی را کاهش می دهد. تقریبا 90 درصد ترافیک اینترنتی امروز از طریق مرورگرهایی که ادعا پشتیبانی از Gzip را دارند، ناشی می شود.

  4. استفاده از یک CDN

    یک شبکه تحویل محتوا CDN یا همان Content Delivery Network مجموعه ای از سرورهای وب بوده که در میان مکان های مختلفی توزیع می شود تا مطالب به شکل موثرتری روی کاربران ارائه شود. سرور انتخاب شده برای ارائه محتوا به یک کاربر خاص معمولا براساس اندازه گیری نزدیکی شبکه صورت می گیرد. برای مثال سروری با کمترین میزان hops شبکه و یا سروری با سریعترین زمان پاسخ انتخاب می شود. ما در مقاله CDN چیست به نکات برتر و جالبی درباره CDN اشاره کردیم، جمع بندی این نکات زمان زیادی را می‌گیرد، پس حتما خواندن آن را پیشنهاد میکنم. برای افزایش سرعت وردپرس خود می‌توانید از W3 Total Cache به کار گیرید، چرا که از تنظیمات مختلف CDN پشتیبانی می‌کند.

تاثیر منابع در سرعت سایت

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

  1. کاهش تغییر مسیر (Minimize redirects)

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

  2. حذف رشته علامت سوال از منابع استاتیک (Remove query strings from static resources)

    وجود query strings در منابع سایت ما باعث می‌شود که آن منابع در سمت کاربر کش نشود و اگر منابع همانند CSS یا JS در سمت کاربر کش نشود خطاهایی نظیر Leverage browser caching هم رخ خواهد داد و مشکلات بسیار دیگری را فراهم می‌کند، استفاده از query strings باعث می‌شود فایل‌های استایل (CSS) و جاوا اسکریپت در بسیاری از مرورگرها و همین‌طور CDN ها کش نشود. ولی این موضوع فقط یک طرف قضیه است، چرا که برخی ها وجود query string را مناسب می‌دانند، برای بهبود این موضوع و روشن شدن آن مقاله رفع ارور Remove query strings from static resources را بخوانید تا بتوانید باعث بهبود عملکرد وب سایت شوید.

  3. مشخص کردن یک مجموعه کاراکتر (Specify a character set)

    یک کاراکتر در هدرهای HTTP مشخص کنید تا سرعت رندر مرورگر افزایش پیدا کند. اگر در بررسی سایت خود در ابزار GTmetrix با خطای Specify a character set روبه‌رو شدید، پست رفع خطای Specify a character set را بخوانید.

  4. کدهای خود کم کنید ( Minify your codes)

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

  5. از درخواست های بد دوری کنید (Avoid bad requests)

    لینک های دارای مشکل به صفحه 404/410 ختم می شوند. این باعث می شود درخواست های نامناسب بی پاسخ بماند و باید URLهای معیوب را برطرف کنید چرا که زمان لود سایت را هم بالا می‌برد. از online broken link checker  یا پلاگین وردپرس WordPress link checker به شکل رایگان استفاده کنید. اگر نیاز به توضیحات جامع و کاملی داشتید مقاله رفع خطای Avoid bad requests را حتما مطالعه نمایید.

  6. حفظ منابع از یک آدرس سازگار (Serve resources from a consistent URL)

    برای منابعی (همانند فایل‌های JS و یا CSS) که در چندین صفحه مورد استفاده قرار گرفته‌اند، مطمئن شوید که هر منبع به یک URL یکسان متکی است. اگر یک منبع با چند آدرس مختلف باز شود و محتوای یکسانی داشته باشد. این حالت ممکن است موجب افزایش هزینه DNS شوید که قطعا مطلوب نخواهد بود و برخلاف نظر مخاطب می‌باشد. از طرفی حجم، لود زمان و تعداد درخواست ها نیز بالا می‌رود. برای مثال اگر شما در دو آدرس mysite.example.com و yoursite.example.com یک فایل JS را درج کرده باشید و در صفحه اصلی از هر دو فایل js استفاده کنید مشکلاتی که ذکر کردیم رخ می‌دهد، به شکل خلاصه از فراخوانی محتواهای یکسان در آدرس های متفاوت جلوگیری کنید، خواندن مقاله رفع خطای Serve resources from a consistent URL حتما برای شما مفید خواهد بود.

  7. کاهش جستجو دی ان اس (Reduce DNS lookups)

    جستجو DNS زمانی معنی پیدا می کند که می خواهید IP آدرس یک هاست را بدست آورید. مرورگر تا زمانی که جستجو کامل نشود نمی‌توان کاری انجام دهد. کاهش نام هاست های منحصربفرد ممکن است زمان پاسخ دهی را افزایش دهد. پیشنهاد میکنم حتما مقاله جذاب و کامل رفع خطای Reduce DNS lookups را مطالعه نمایید. همینطور مقاله 8 راه افزایش سرعت و کاهش زمان لود DNS Lookups در جهت تکمیل این مقاله نیز می‌باشد.

  8. قرار دادن CSS در بالا و JS در پایین (Put CSS at the top and JS at the bottom)

    قرار دادن stylesheets در سند سر صفحه ممنوع بوده بنابراین مرورگر رندر را مسدود می سازد تا نیاز به عناصر redraw صفحه نباشد. در بیشتر موارد کاربران با یک صفحه سفید رو به رو می شوند تا زمانی که صفحه به طور کامل بارگذاری شود. این همچنین به شما کمک می کند که یک صفحه وب استاندارد مطابق با استاندارد W3 ایجاد کنید. به همین دلیل است که گفته می شود کد جاوا اسکریپت را در پایین صفحه قرار دهید. توضیحات بیشتر درباره این فاکتور بسیار تاثیرگذار را در مقاله حل Defer parsing of JavaScript بخوانید.

 

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

تاثیر تصاویر و عکس ها در سرعت سایت

  1. ابعاد تصویر را مشخص کنید (Specify image dimensions)

    مرورگر شما قبل از آن که صفحه ای را بارگذاری کند به رندر کردن تصاویر درون آن می‌پردازد. تعیین ابعاد تصویر کمک می‌کند تا سرعت بارگذاری را کاهش داد. اگر ابعاد مشخص نشده باشد پس از بارگیری تصاویر، مرورگر شما سرعت بارگذاری آن افزایش می‌یابد. برای انجام این کار در <img> مشخصات ارتفاع و عرض تصویر را مشخص کنید. در مقاله رفع ارور Specify image dimensions  به نکات جالبی اشاره کرده‌ایم.

  2. بهینه سازی تصاویر (Optimize images)

    تصاویر اهمیت بسیاری در سایت داشته و باید به آن توجه داشت. اگر تصویری استفاده کنید که رنگ مطلوب یا کیفیت مناسبی ندارد قطعا مورد توجه کاربران و بازدیدکنندگان وب سایت قرار نمی‌گیرد. بنابراین هرگاه به تولید محتوایی در سایت خود می‌پردازید سعی کنید به موضوع انتخاب تصویر توجه بسیاری داشته باشید. سعی کنید تصاویری که در سایت خود ذخیره می کنید از نوع JPEG باشد زیرا این فرمت بسیار متداول بوده و به شکل بهینه شده ای است. شما با فشرد چند کلید CTRL+SHIFT+ALT+S یک تصویر را ذخیره کنید و آن را در فتوشاپ به بهینه سازی بپردازید. در مقاله رفع ارور Optimize images به تشریح این موضوع و انواع راه‌حل‌ ها برای CMS های مختلف نظیر وردپرس و جوملا پرداخته‌ایم.

  3. یکی کردن عکس‌های کوچک

    به این ترفند به زبان انگلیسی Combine images using CSS sprites گرفته می‌شود، ادغام تصاویر به روش CSS Sprites که باعث می‌شود عکس های کوچک سایت که هر کدام آدرس جداگانه برای لود شدن دارند را در قالب یک عکس بزرگ‌تر در سایت فراخوانی کنیم، یعنی اگر ۱۰ عکس کوچک دارید، آن‌ها را ادغام نماییم و به یک عکس بزرگ‌تر تبدیل کنیم، این کار جدا از اینکه باعث کاهش کلی حجم سایت می‌شود، باعث کاهش تعداد درخواست‌ها هم نیز میگردد. در مقاله آموزش CSS sprites بیشتر به این موضوع پرداختیم و مثال جالبی از سایت دیجی کالا در این مقاله زده شده است و حتما مقاله را مطالعه نمایید.

 

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

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

کلمات کلیدی: نکات مهم افزایش سرعت وردپرس، ترفندهای افزایش سرعت، ترفندهای بهبود سرعت، نکات طلایی برای بیشتر کردن سرعت سایت، بهترین نکات برای بالا بردن سرعت سایت، نکات تاثیرگذار در افزایش سرعت، ترفندهای بهینه سازی سرعت سایت

پوریا آریافر
اولین کسب و کار آنلاین خودم رو در فیسبوک راه‌اندازی کردم، سال ۲۰۱۱ یکی از پرتعامل‌ترین صفحات فارسی با ۸۰ هزار فالور فعال رو داشتم. بعد اینکه فیسبوک خالی از کاربر ایرانی شد وارد دنیای شبکه شدم و در انتهای سال ۲۰۱۲ مدرک MCSE مایکروسافت رو دریافت کردم، در حالی که نمره بالا گرفتم ولی کسی به دلیل به خطر افتادن موقعیت شغلی خودش به عنوان کارآموز منو قبول نمی‌کرد، بعدش با شروع دوران خدمت سربازی، مسئول بهینه سازی یک سایت خبری معتبر شدم و سئو یاد گرفتم. در ابتدای سال ۲۰۱۴ تونستم از رتبه ۱۵۰۰۰ به ۴۰۰ الکسا نزدیک کنم، اون زمان الکسا خیلی مهم بود. وارد دانشگاه شدم، به دلیل عدم علاقه به دانشگاه سعی کردم زودتر تمومش کنم و سه ساله در مقطع کارشناسی IT فارغ التحصیل شدم، توی دانشگاه هر کسی منو میدید یاد سئو میوفتاد، در همون سال آخر دانشگاه بزرگ‌ترین کانال تلگرامی IT با ۴۰ هزار عضو رو داشتم، که به مجتمع فنی فروختم تا بتونم تمرکز رو فقط بر روی عشق خودم یعنی سئو بذارم، وقتی کانال تلگرام فروختم حس پرواز بهم دست داد، هرچند درآمد چندین میلیون ماهانه رو از دست دادم ولی دوباره باید مثل گذشته با پوستی نو یک فصلی نو رو میساختم. در این چندین سال فعالیت‌های سئو به شکل تخصصی بنده در قالب پروژه‌های مختلف و آموزش‌های حضوری و غیرحضوری در دفتر میزفا و دانشگاه علامه طباطبایی تهران صورت ‌گرفته، تجربه بهینه سازی موفقی در بهبود UX و CRO پروژه‌های سئو کسب کردم. در اکثر ابزارهای کاربردی گوگل تسلط کاملی دارم. عاشق کسب تجربه های جدید هستم. راز پیشرفت در هر کاری رو یادگیری و یاددادن می‌دونم و میزفا که در اواخر ۲۰۱۶ راه‌اندازی شد تونست چنین بستر مناسبی رو برام فراهم کنه. همینطور در حال حاضر مدیریت یک تیم ۱۰ نفری از جوانان فعال و پرانگیزه رو در میزفا به عهده دارم. نقد و بازخوردهای سازنده شما، جوهر تلاش‌های مستمر ماست تا یک قدم خودمون بهبود بدیم. منتظریم …

2 نظر

2 پاسخ

  1. هوالرزاق
    بسیار عالی بود کمی کابردی تر ارائه دهید بهتر میشه ممنون

    1. درود
      ممنون از حضورت. کمی کاربردی تر مثلا چطوری؟ شما پیشنهاد بدید تا بهبود بدیم.

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد.

حداکثر حجم فایل برای آپلود: 1 مگابایت. فایل‌های مجاز برای آپلود: عکس, ویس, ویدیو, ورد یا پی دی اف, فایل متنی, زیپ. شما می‌تونید برای بهتر پرسیدن سوالتون، عکس یا ویس یا حتی فیلم در بخش نظرات میزفا آپلود کنید. برای ضبط ویس می‌تونید از خود واتس آپ استفاده کنید و بعد اینجا آپلود کنید و برای ارسال عکس هم کافی هست اسکرین شات بگیرید. Drop file here

با موفقیت ثبت شد، میزفا از شما برای عضویت در خبرنامه هفتگی تشکر میکند.

عضویت در خبرنامه هفتگی برای دریافت:

  • فیلم و مقاله رایگان سئو
  • آموزش‌های UX ، GA و GTM
  • مقاله های تخصصی ASP.NET Core
  • اطلاع رسانی از محصولات
فیلم آموزشی asp.net core 2
ترک میزفا خوب نیست!
معرفی جامع‌ترین ابزار سئو در ایران
بالای ۱۰ هزار عضو
PHZpZGVvIHdpZHRoPSI2MDAiIGhlaWdodD0iMzUwIiBwb3N0ZXI9Imh0dHBzOi8vbWl6ZmEuY29tL2Jsb2cvd3AtY29udGVudC91cGxvYWRzLzIwMjMvMDUvcG9zdGVyLW1pemZhLXRvb2xzLXZpZGVvLW1pbi5wbmciIGNvbnRyb2xzIHByZWxvYWQ9Im5vbmUiPiANCiAgIDxzb3VyY2Ugc3JjPSJodHRwczovL21pemZhLmNvbS9ibG9nL3dwLWNvbnRlbnQvdXBsb2Fkcy8yMDIzLzA1L21pemZhX3Rvb2xzXzcyMHAubXA0IiB0eXBlPSJ2aWRlby9tcDQiPg0KPC92aWRlbz4=