سلام، افزایش سرعت سایت مطلبی است که امروز قصد دارم در رابطه با آن با شما اثر های خاص صحبت کنم.
افزایش سرعت یک وبسایت قبل از این که به افزایش رتبه در گوگل مربوط باشد، به کاربر پسند بودن آن ارتباط پیدا میکند.
برای خود من بارها پیش آمده که به خاطر کند بودن یک وبسایت، قید مطالب و کار کردن با آن را هم زده ام.
احتمالاً برای شما هم کم بودن سرعت سایت تا به حال پیش آمده است.
درست است که میخواهیم در این مقاله به روشهایی برای بالا بردن سرعت یک سایت یا یک صفحه بپردازیم اما، باید بدانید که پایین بودن سرعت سایت چه خطراتی برای ما و کسب و کارمان دارد.
فهرست محتوا
افزایش سرعت سایت= رتبه بیشتر در گوگل
حدس بزنید که بیشتر وبسایتها چه قدر طول میکشد تا توسط تلفن همراه بالا بیایند؟ بر اساس بررسیهای
صورت گرفته به طور میانگین 5 تا 6 ثانیه طول میکشد تا اکثریت وبسایتها توسط مرورگرهای مورد استفاده
در تلفن همراه باز شوند. حال فکر میکنید که کاربران به طور متوسط به چه مدت برای بالا آمدن یک سایت
صبر میکنند؟ طبق آمار و دادههای به دست آمده اکثریت کاربران آستانه صبرشان برای باز شدن یک وبسایت
تنها 3 ثانیه است. اینجاست که اهمیت سرعت بالا در وبسایت شما خودش را نشان میدهد. نتایج به دست آمده
در این بررسیها و تفاوت میان سرعت باز شدن سایتها و آستانه صبر کاربران برای باز شدن آنها
نشاندهنده آن است که کاربران نمیتوانند به همان سرعتی که باب میلشان است وارد وبسایتها شوند.
نکته بسیار مهم که باید به آن توجه نمایید این است که گوگل به میزان وقتی که مردم در سایت شما
میگذرانند توجه میکند و این بدان معنی است که شما باید مطالبی که با سلیقهی کاربران مطابقت دارد در
وبسایتتان منتشر کرده باشید تا بتوانید آنها را هر چه بیشتر در سایت خود نگه دارید. در واقع از همین
طریق است که ارزش سایت شما توسط گوگل ارزیابی میشود. اگر وبسایت شما بتواند مطالب ارزشمندی ارائه کند
تا از این طریق از نظر گوگل ارزشمند شناخته شوید رتبهبندی شما در گوگل بالا خواهد رفت و به صورت معکوس
اگر چیزی برای ارائه نداشته باشید از رتبهبندیتان کم میشود.
اما اگر حتی محتوای سایت شما هم مفید و باارزش باشد ولی سرعت بارگذاری آن کم باشد، تعداد خیلی زیادی از
کاربران قبل از اینکه سایت شما به طور کامل باز شود آن را میبندند و شانس دیده شدن مطالب شما به منظور
گرفتن رتبه بهتر به حداقل ممکن خواهد رسید.
برای اینکه ببینید چه مدتزمان میبرد تا سایت شما بارگذاری شود باید از ابزارهای آنلاینی که توسط گوگل
یا شرکتهای دیگر ارائه شدهاند استفاده نمایید که یکی از معروفترین آنها Page Speed Insights است.
در ادامه راهایی برای افزایش سرعت سایت که منجر به افزایش رتبه سایت شما نیز میشود را بیان میکنم.
لکن قبل از آن باید بدانیم که منظور از سرعت اصلاً چیست؟
مقاله ای که پیشنهاد میکنم مطالعه نمایید.
راهنمای قدم به قدم برای سئو
منظور از سرعت بالای سایت دقیقاً چیست
زمانی که شما یک آدرس اینترنتی را توی مرور گر خود وارد میکنید.
یا زمانی که روی یک لینک کیلیک میکنید.
یک صفحه جدید برای شما باز خواهد شد.
مدت زمانی که طول میکشد تا این صفحه بر روی مرورگر شما بارگذاری شود، بر حسب ثانیه سنجیده میشود.
بهترین حالتی که یک وبسایت میتواند از نظر سرعت داشته باشد، زمان لود یک ثانیه است.
اما چون این مورد خیلی رویایی است، گفته شده که از یک تا سه ثانیه، زمان مناسبی برای لود است.
پس اگر سایت شما در مدت زمانی کمتر از سه ثانیه لود میشود، هیچ مشکلی از نظر سرعت ندارید.
اگر سرعت بارگذاری سایت شما از 3 ثانیه بیشتر شود و تا 7 ثانیه طول بکشد شما باز هم در بازه استاندارد قرار دارید
اما به هر حال نرخ کمتری از ترافیک و بازدید کاربران را دریافت میکنید.
در صورتی که زمان بارگذاری به بیش از 10 ثانیه برسد یقیناً شما با مشکل مواجه میشوید و اگر تلاش نکنید که این مدت زمان را کاهش دهید، طولی نمیکشد که با مشکلات خیلی زیادی از سمت کاربران و موتورهای جستجو روبهرو شوید.
البته باید گفت اگرچه سرعت اینترنت اپراتورها و سرویسدهندههای ایرانی طی سال های اخیر افزایش قابل توجهی داشته است، اما باز هم سرعت میانگین اینترنت ایران از حد استاندارد جهانی بسیار پائینتر است.
با این وجود باید اذعان داشت که برای وبسایت های ایرانی 1 الی 2 ثانیه تأخیر بیشتر نیز قابلقبول خواهد بود.
سرعت استاندارد بارگذاری کامل برای یک سایت ایرانی با شرایط گفته شده، باید چیزی بین 3 الی 7 ثانیه
باشد. شما باید سرعت بارگذاری وبسایت خود را به صورت مستمر چک کنید و اگر زمانی این مقدار طولانیتر
شد، با روش هایی که در ادامه ذکر شده است سعی کنید سرعت سایت خود را بیشتر کنید.
انتخاب فضای میزبانی مناسب یا host
اولین چیزی که برای افزایش سرعت سایتمان باید به آن به درستی توجه کرد و با دقت آن را انتخاب کرد، بحث اولیه فنی یا همان خدمات میزبانی هاست و دامنه است.
خیلی از وبمسترها بدون توجه به این مسئله از هر سرویس دهندهای که به ظاهر مناسبتر است و یا سرویسهای ارزان قیمتتری ارائه میکند، سرویس خود را خریداری می کنند.
همین موضوع یک بیاحتیاطی بزرگ به حساب میآید و میتواند خیلی راحتتر از چیزی که فکرش را بکنید، اولین قدم شما را با شکست روبهرو کند.
برای این بخش، نه تنها انتخاب صحیح شرکت سرویس دهنده حائز اهمیت است، بلکه انتخاب صحیح نوع سرور، نوع هاست و خدمات نیز بسیار مهم هستند.
برای مثال یکی از اشتباهاتی که به مقدار قابلتوجهی منجر به کاهش سرعت بارگذاری یک سایت میشود، استفاده از خدمات میزبانی اشتراکی است
برای مثال یکی از اشتباهاتی که به مقدار قابلتوجهی منجر به کاهش سرعت بارگذاری یک سایت میشود، استفاده از خدمات میزبانی اشتراکی است که در آن یک سرور به صورت اشتراکی برای راه اندازی چندین سایت مورد استفاده قرار میگیرد.
استفاده از هاستهای اشتراکی شاید هزینه کمتری داشته باشد، اما یقیناً در آینده و زمانی که بازدیدهای شما زیاد شود برای شما دردسر ساز خواهد شد.
اگر هم میخواهید از هاستهای اشتراکی استفاده نمایید، بهتر است از هاستهایی استفاده کنید که تعداد کمی از آنها روی یک سرور میزبانی میشود.
هاست خوب مانند اجاره یا خرید یک دفتر یا یک فروشگاه خوب است.
هیچ وقت شما جایی را اجاره نمیکنید که فضای کافی نداشته باشید، مکان مناسبی از نظر رفت و آمد نداشته باشد و یا امنیت کافی برای نگهداری از تجهیزات شما را نداشته باشد.
فضای میزبانی سایت شما هم دقیقاً نباید این ویژگیها را داشته باشد.
استفاده از هاستهایی که هارد آنها ssd یا mvme است و به صورت ابری نگهداری میشوند، بسیار گزینه مناسبی برای افزایش سرعت یک سایت هستند.
انتخاب یک سیستم مدیریت محتوای مناسب یا cms
سیستم های مدیریت محتوا یا cms ها به دو شکل در دست رس شما قرار دارند.
یا میتوانید از یک برنامه نویس بخواهید که سایت شما را از ابتدا برایتان طراحی و برنامه نویسی نماید.
و یا میتوانید از یکی از سیستمهای مدیریت محتوای رایگان یا پولی که در جهان موجود است استفاده نمایید.
دیدگاه خود من همیشه این طور بوده است.
اگر یک نفر یک سیستم مدیریت محتوا مینویسد، این cms میتواند باگها و خطاهای فراوانی داشته باشد.
اما وقتی چند هزار نفر روی یک سیستم کار میکنند، احتمالاً اگر باگ یا خطایی هم داشته باشد، به زودی برطرف میشود.
پس در ادامه سیستمهای مدیریت محتوای رایگان را خدمت شما معرفی میکنم.
سیستم مدیریت محتوای وردپرس
سیستم مدیریت محتوای wordpress که در حال حاضر محبوبترین و کارآمدترین CMS در بین کاربران است، بر مبنای PHP و MySQL پایهگذاری شده است و برای اولین بار در سال 2003 معرفی شد. از کاربران آماتور گرفته تا وبمسترهای حرفهای، همگی میتوانند از این CMS به منظور ساخت وبلاگ، سایت، فروشگاه و انجمنها بهرهمند شوند. وردپرس رایگان و متن باز است و هر کسی که کمی دانش برنامهنویسی وب داشته باشد میتواند محتویات قالب وردپرس را ویرایش کرده و تغییرات اساسی و بنیادی در آن ایجاد کند. وردپرس بسیار سبک بوده و از لحاظ سرعت و بارگذاری انتخاب خیلی مناسبی میباشد. همچنین میتوان با بهینهسازیهای بیشتر و استفاده از افزونههای منتشر شده در این زمینه، سرعت بازدهی آن را به مراتب بیشتر هم کرد.\
البته اگر قصد راه اندازی فروشگاه اینترنتی دارید و فروشگاه شما از محصولات زیادی برخوردار است باید بدانید که لازم است از هاست خوبی استفاده کنید.
سیستم مدیریت محتوای دروپال (Drupal)
سیستم مدیریت محتوای drupal که در بین سیستمهای مدیریت محتوا از جمله قدیمیترین و کاربردیترین آنها به حساب میآید، یک سیستم مدیریت محتوای تحت وب به صورت متن باز میباشد که اولین نسخه نهایی آن در سال 2001 منتشر شد. دروپال به خاطر استانداردهای مخصوص خود و همچنین امنیت بالا به شهرت رسیده است. استفاده از دروپال به راحتی وردپرس و جوملا نیست و به خاطر همین موضوع اغلب طرفداران این CMS جزو کاربران سطح حرفهای هستند. دروپال بر اساس زبان PHP طراحی شده و یک نرم افزار چندسکویی (Cross-platform) است.
c m s جوملا (Joomla)
joomla بعد از وردپرس احتمالاً محبوبترین سیستم مدیریت محتوای وب به حساب میآید. جوملا هم درست مثل وردپرس در سال 2003 ارائه شد و همچنین به صورت متن باز عرضه شده است. جوملا بر اساس یک سیستم انحصاری بلاگینگ طراحی شده است. اگرچه امکانات کلی این سیستم به پای وردپرس نمیرسد اما سادگی و مفهومی بودن جوملا باعث شده تا کاربران آماتور نیز بتوانند به راحتی از طریق پنل مدیریتی آن وبسایت یا وبلاگ خود را اداره کنند.
سیستم مدیریت هاب اسپات (HubSpot)
HubSpot نرمافزاری تحت وب و چندمنظوره برای ساخت و راهاندازی وبسایتهای تجاری است. برای این CMS حرفهای و تجاری از سیستم بازاریابی ربایشی (Inbound Marketing) استفاده شده است. هاب اسپات به وبمسترها کمک میکند تا با کمک ابزارهای انحصاری، بتوانند محصولات و سرویسهای خود را برای شبکه های اجتماعی و شبکههای بازاریابی به اشتراک بگذارند. هاب اسپات همچنین به ابزارهایی برای بهینهسازی موتورهای جستجو، آنالیز وب و مدیریت حرفهای محتوا مجهز است و از جمله سرویسهای حرفهای برای تجارتهای فعال به حساب میآید. اما مسئلهای که شاید باعث شده است این CMS به اندازه دیگر نرمافزارهای تحت وب محبوبیت نداشته باشد، رایگان نبودن نسخههای اصلی آن است. هاب اسپات به نسبت یک نرم افزار تحت وب برای تجارتهای کوچک و سایتهای معمولی هزینه خیلی زیادی در بر دارد. به همین خاطر است که بازار هدف این CMS تجارتهای تخصصی و حرفهای هستند. قیمت نسخه پایه هاب اسپات نزدیک به 200 دلار برای هر ماه میباشد. نسخه Pro با قیمت 800 دلار و نسخه Enterprise با قیمت بسیار زیاد 2400 دلار برای هر ماه قابل خریداری هستند.
اسکوآر اسپیس (Squarespace)
SquareSpace پلتفرمی تحت وب برای راهاندازی وبسایتهای پیشفرض و از قبل آماده شده است. این پلتفرم بیشتر مناسب کسانی است که خواهان راهاندازی سریع یک وبسایت با قالبهای متعدد و پیشفرض هستند. Squarespace همچنین دارای ابزارهای آنالیز و سئو بوده تا بتوان با کمک آنها با سرعت بیشتری وبسایت ایجاد شده را به موتورهای جستجو معرفی کرد.
در نظر داشته باشید که همیشه از آخرین نسخه c m s ها استفاده کنید.
فعالسازی قابلیت ذخیرهسازی یا کش مرورگر (Browser Caching)
فعالسازی قابلیت ذخیره سازی یا کش مرورگرها، میتواند به مقدار بسیار زیادی سرعت بارگذاری وبسایت شما برای کاربران را بیشتر کند. این روش همچنین از بهترین راههای بهبود تجربه کاربری است. کش یا Caching به پروسه ذخیرهسازی اطلاعات موجود در وبسایت شما از جمله فایلهای چندرسانهای، عکسها، فایلهای مربوط به قالب و کدنویسی آن (فایل های CSS ,JavaScript و اسناد HTML) در مرورگر کاربران گفته میشود.
در این حالت، فایلهای مذکور فقط برای بار اول نیاز به لود شدن و ذخیرهسازی دارند. برای دفعات بعد نیازی به دانلود مجدد فایلها به منظور بارگذاری کامل یک وبسایت نیست. از همین رو کاربران در دفعات بعدی مراجعه به یک سایت، با سرعت چندین برابر بیشتر آن سایت را به صورت کامل باز میکنند. اگرچه امروزه تمام مرورگرهای مشهور و معروف این قابلیت را به صورت خودکار اعمال میکنند، اما برخی از سایتها دسترسیهای لازم برای چنین کاری را به مرورگرها نمیدهند. شما باید از این مسئله اطمینان حاصل کنید و در صورتی که قابلیت Browser Caching در سایت شما فعال نبود، با تغییرات ساده در کدنویسی سایت و یا استفاده از افزونهها و پلاگینهایی که در همین زمینه معرفی شدند، این مشکل را برطرف کنید. همانطور که گفته شد، این قابلیت فقط برای بازدیدکنندگانی است که بیشتر از یک بار وبسایت شما را به صورت کامل باز کرده باشند و برای بازدیدکنندگانی که برای بار اول وارد سایت شما میشوند کاربرد خاصی ندارد. اما میتوان با استفاده از برخی ابزارها و افزونههای مشابه، سایتها را برای بازدیدکنندگان جدید هم بهینه کرد.
برای مثال اگر از Wordpress استفاده میکنید، میتوانید از افزونههای بسیار کاربردی همچون W3 Total Cache و یا WP فست کش استفاده کنید و اگر از Drupal استفاده میکنید، میتوانید از نرمافزار تحت وب Varnish Cache استفاده کنید. سیستم مدیریت محتوای Joomla ابزاری پیش فرض برای این مورد دارد که میتوانید از بخش System>Global configuration و از قسمت Cache settings به آن دسترسی داشته باشید.
فعالسازی قابلیت Gzip Compression
احتمالاً شمایی که به دنبال راه کارهای افزایش سرعت سایت هستید با فشرده سازی فایلها در کامپیوتر و یا تلفن همراه خود به خوبی آشنا هستید.
عملیاتی که طی آن فایلهای مختلف را در یک فایل فشرده (فایل Zip یا Rar) قرار داده و باعث کاهش چشمگیر حجم آن فایل یا فایلها میشویم.
Gzip Compression هم از همین متد استفاده میکند. در واقع شما با کمک این قابلیت، میتوانید برخی از فایلهای موجود در هاست و وبسایت خود را بهینه و فشرده کنید تا با این کار حجم نهایی وبسایت کاهش پیدا کند.
عملکرد اصلی این سیستم شامل فایلهای اصلی کدنویسی قالب یک سایت است. Gzip Compression مواردی همچون فایل های CSS یا HTML را به روشی نوین بهینهسازی می کند. از جمله اقداماتی که در Gzip Compression برای این نوع فایلها صورت میگیرد، حذف فضاهای خالی بین کدها و کدهای بدون استفاده است. این تغییرات اغلب در فایل های استایل یک قالب، صورت میگیرد تا بتوان از طریق آن حجم نهایی آن صفحه یا صفحات را به مقدار محسوسی کاهش داد. نتایج و آمار نشان میدهند استفاده از این قابلیت میتواند تا 70% حجم یک صفحه را کاهش دهد! این مقدار باعث میشود تا سرعت بارگذاری سایت شما بهبود مناسبی پیدا کند.
قابلیت فشردهسازی Gzip باید در سرور سایت شما فعالسازی شود. مرورگرهای جدید چه نسخههای دسکتاپی و چه نسخههای موبایلی این سیستم را پشتیبانی میکنند. وقتی یک مرورگر یک وبسرور را بارگذاری میکند، قابلیت Gzip را بررسی میکند تا در صورتی که قابلیت Gzip در آن سرور فعال بود، از طریق آن فایلهای اصلی وبسایت را بارگذاری کند. در صورتی که این قابلیت فعال نباشد، مرورگرها به نسخه پیش فرض مراجعه کرده و سایت مذکور را در حالت عادی بارگذاری میکنند که در این حالت به مراتب زمان بیشتری برای لود کردن همه اطلاعات نیاز خواهد بود.
در ادامه به فعال سازی جی زیپ در سیستمهای مختلف مدیریت محتوا خواهم پرداخت.
فعال سازی gzip در وردپرس
از جایی که اغلب این مدل ابزارها توسط افزونهها در وردپرس ارائه میشود، برای این مورد نیز من به شما افزونهای برای فعالسازی خودکار این قابلیت معرفی میکنیم. افزونه WordPress Gzip Compression به شما امکان فعال کردن قابلیت Gzip Compression در کمترین زمان ممکن را خواهد داد.
فعال سازی gzip در جوملا
سیستم مدیریت محتوای جوملا به صورت پیشفرض قابلیت Gzip Compression را در تنظیمات خود قرار داده است. برای فعالسازی آن میتوانید از بخش تنظیمات این cms اقدام فرمایید.
فعالسازی در دروپال
برای راهاندازی Gzip در دروپال، میتوانید از ماژول انحصاری این سیستم یعنی CSS GZip استفاده کنید. البته این ماژول مدتهاست که به روزرسانی نشده و ممکن است روی نسخههای جدید دروپال به درستی فعالسازی نشود. بنابراین اگر دروپال دارید، پیشنهاد میکنیم از روش عمومی که در ادامه خواهیم گفت استفاده کنید.
فعالسازی gzip از طریق ویرایش فایل
اگر از روشهای بالا موفق به راهاندازی Gzip Compression نشدید، میتوانید با یک ویرایش ساده فایل htaccess این قابلیت را در سرور خود فعال کنید.
توجه: قبل از هرگونه ویرایش و تغییر محتویات فایل htaccess یک بک آپ از این فایل تهیه کنید تا در صورتی که کدهای اضافه شده باعث ایجاد اختلال در سایت شد، بتوانید سریعاً مشکل را برطرف کنید.
کدهای مورد نظر در ادامه در اختیار شما قرار داده خواهد شد.
چطور متوجه شویم که Gzip Compression به درستی تنظیم و فعالسازی شده است؟
فقط کافیست وبسایت checkgzipcompression.com را باز کرده و آدرس سایت خود را در فیلد مورد نظر وارد کنید. سپس این ابزار به شما نشان میدهد که سایت شما قابلیت Gzip را دارا میباشد یا خیر. همچنین این سایت درصد و مقدار حجم کاهش یافته نسخه اصلی و نسخه فشرده شده سایت شما را نیز به شما نمایش خواهد داد.
حضف کردن افزونه های غیر ضروری و غیر کاربردی
گاهی اوقات برخی از افزونه ها را برای انجام دادن یک کار خاص روی وبسایت خود نسب میکنید و کار ما با آن افزونه هر ده روز یا هر دو هفته یک بار است.
بهتر است این افزونه ها را بعد از انجام کار غیر فعال کنیم و یا حضف کنیم و دوباره نسب نماییم.
از جمله این افزونه ها میتوانم به خروجی گرفتن از سفارشات فروشگاه و خروجی از محصولات فروشگاه را نام ببرم که هر روز به آنها نیازی نداریم.
برخی از افزونه ها را نیز میتوان با یک خط کد ساده به غالب یا فانکشن سایت اضافه کرد که این کار باعث میشود ما افزنه های اضافی روی سایت خود نداشته باشیم.
البته اگر شما خیلی حرفه ای نیستید پیشنهاد نمیکنم از این روش استفاده کنید.
هر پلاگین برای اینکه فعال شده و اجرا شود نیاز به منابع و ارسال و دریافت اطلاعات گوناگونی دارد. هرچه این منابع بیشتر باشند، سرعت بارگذاری نهایی وبسایت نیز کمتر میشود. به همین خاطر باید از نصب پلاگینهای اضافی و غیر کاربردی اجتناب کرده و اگر در حال حاضر مواردی را نصب کردهاید که دیگر به آنها نیازی ندارید، آنها را غیرفعال و یا حذف کنید.
شما میتوانید با یک آزمون و خطای ساده متوجه شوید کدام افزونهها سرعت بیشتری از سایت شما را گرفتهاند. برای این کار کافیست تک به تک آنها را غیرفعال کرده و سپس سرعت بارگذاری سایت خود را چک کنید تا ببینید تغییری در آن صورت گرفته است یا خیر. با کمک این روش میتوانید متوجه پلاگینهای نامناسب شوید. همچنین اگر از وردپرس استفاده میکنید، میتوانید از افزونه P3 یا Plugin Performance Profiler استفاده کرده و با سیستم عیبیابی آن، پلاگینها را آنالیز کنید. افزونه P3 پلاگینهایی که باعث کاهش سرعت سایت میشوند را به شما معرفی می کند. P3 به جز این مورد، به شما در شناخت بهتر افزونههای مورد استفاده کمک میکند. ممکن است برخی از این پلاگینها سرعتگیر باشند، اما حضورشان حیاتی باشد. پس اگر مطمئن نیستید کدام موارد باید باقی بمانند و کدام یک حذف شوند، افزونه P3 به شما کمک خواهد کرد.
در جوملا و دروپال به جای چنین افزونه هایی میتوان از ماژولهای گوناگون بهرهمند شد. بنابراین اگر از این دو سیستم مدیریت محتوا استفاده میکنید، میتوانید ماژولهای اضافی را حذف کرده و یا افزونههای بهینهسازی سرعت را روی سایت خود نصب کنید.
استفاده از متد Keep Alive
برای اینکه یک وبسایت برای یک کاربر به نمایش در بیاید، مرورگر به سروری که وبسایت مذکور روی آن میزبانی میشود، درخواستی کوتاه برای برقراری ارتباط اولیه می فرستد. این درخواست ها با عنوان HTTP Requests شناخته می شوند. در حقیقت این ارتباط کوتاه به منظور دریافت مجوز دسترسی به اطلاعات درون سایت برقرار می شود. بعد از اینکه درخواست مربوطه توسط سرور تأیید شد، حالا مرورگر به فایلهای اصلی از جمله فایلهای HTML، فایلهای CSS، JavaScript و دیگر فایلهای ذخیره شده روی سرور آن وبسایت دسترسی پیدا میکند.
برای دسترسی به حتی یک فایل از اطلاعات هر صفحه از یک وبسایت، این پروسه تکرار میشود و در نتیجه، درست مثل بار اول، زمانی هرچند کوتاه برای برقراری ارتباط اولیه بین مرورگر و سرور ایجاد میشود. همین مسئله باعث میشود تا در هر بار بارگذاری صفحات یک وبسایت این مدت زمان اتلاف شده و سرعت بارگذاری نهایی آن وبسایت کاهش پیدا کند.
متد Keep Alive به همین منظور ارائه شده است. شما با فعالسازی این قابلیت، بستری فراهم میکنید تا نیازی به برقراری ارتباط اولیه برای هر درخواست و هر فایل لازم نباشد. در واقع با کمک متد Keep-Alive، سرور سایت فقط برای بار اول درخواستها را دریافت میکند و مابقی اطلاعات را به صورت همزمان به مرورگر ارسال میکند. در این صورت مرورگرها نیازی ندارند که برای هر یک فایل یک درخواست ارسال کنند. با پیادهسازی این سیستم، سرعت دریافت و انتقال اطلاعات بین کلاینت و سرور به مقدار قابل توجهی بهبود پیدا میکند.
چطور قابلیت Keep-Alive را فعال کنیم؟
برای فعالسازی این قابلیت میتوان از دو روش استفاده کرد:
روش اول: در بخش هدر قالب HTTP سایت شما، قسمتی با عنوان Connection: close وجود دارد. کافیست کلمه close را به Keep-Alive تغییر دهید تا این قسمت به صورت “connection: keep-alive” در بیاید. این روش نیازمند دسترسیهای شما به اطلاعات سرور دارد. ممکن است سرویسدهنده شما چنین دسترسی به شما ندهد. در این صورت میتوانید از روش دوم استفاده کنید.
روش دوم: فعالسازی Keep-Alive با استفاده از فایل .htaccessفایل htaccess یک فایل کانفیگ (پیکربندی)
قابلاستفاده روی سرورها است. این فایل در دایرکتوری اصلی هاست قرار میگیرد و میتوان با تغییرات کدهای آن، دسترسیهای مختلفی را مدیریت کرد.
افزایش سرعت سایت با فشرده سازی فایلهای js و css
یکی دیگر از روشهای افزایش سرعت یک سایت و کاهش حجم کلی آن، فشردهسازی فایلهای جاوا اسکریپت و سیاساس میباشد. منظور ما از فشرده سازی کم حجم کردن این فایلها نیست؛ بلکه ادغام کردن چندین فایل در یک فایل است. این فرآیند Minify نامیده میشود. همانطور که میدانید یک وبسایت شامل صدها فایل گوناگون است که بسیاری از آنها ممکن است فایلهای JavaScript و CSS باشند. شما میتوانید کدهای اصلی این فایلها را جمع آوری کرده و همگی آنها را در یک فایل ذخیره کنید. در این حالت به مقدار قابلتوجهی فایلهای اضافی را از سرور حذف کرده و سایت را سبکتر میکنید. چنین اقدامی باعث میشود تا درخواستهای مرورگرها برای خواندن اطلاعات هر فایل کاهش یافته و در نتیجه سرعت بارگذاری سایت افزایش پیدا کند. این فرآیند کار خیلی ساده ای نیست و پیشنهاد میکنیم این کار را به یک متخصص طراحی وب واگذار کنید. با این حال برای این کار ابزارهای گوناگونی عرضه شده است. به عنوان مثال برای سیستم مدیریت محتوای Wordpress افزونههایی مثل Better WordPress Minify وجود دارند که انجام این کار را برای شما راحتتر می کنند. همچنین ابزار تحت وب WillPeavy نیز میتواند فایلهایHTML ,CSS و JavaScript را برای شما Minify کند.
بهینه سازی تصاویری که در سایت مورد استفاده قرار میگیرد
فایلهای چند رسانهای به ویژه عکسها، حجم خیلی زیادی از پهنای باند یک وبسایت را اشغال میکنند. این مقدار چیزی نزدیک به 60% از حجم کلی یک صفحه وب است. اگر آنها بهینهسازی نشوند ،حجم زیادشان باعث افزایش حجم نهایی صفحه وبسایت شما خواهد شد. طبیعتاً این مسئله منجر به سنگین شدن سایت و کاهش چشمگیر سرعت بارگذاری آن میشود. از همین رو بهینهسازی تصاویر یکی از اصلیترین اقدامات هر وبمستری برای افزایش سرعت سایت است. بهینهسازی یا استفاده جایگزین و صحیح از کدنویسی های CSS میتواند راهحل شما برای این کار باشد. به عنوان مثال استفاده از کدهای رنگ آمیزی CSS به جای استفاده از تصاویر پس زمینه حجیم، یکی از بهترین راهها برای انجام این مورد است.
برای کاهش حجم تصاویر شما میتوانید از دو روش استفاده نمایید:
اولی آنکه خودتان به صورت دستی آنها را برای وب بهینه کنید و دوم آن که با استفاده از افزونهایی کار بهینه سازی تصاویر را اتوماتیک نمایید.
بهینه سازی دستی تصاویر سایت
شما باید عکسهای خود را قبل از ارسال روی سایت (آپلود) به صورت دستی بهینهسازی کنید. این کار با نرمافزارهای دسکتاپی و یا تحت وب قابل انجام است. فتوشاپ به عنوان یکی از معتبرترین نرمافزارهای کاربردی در زمینه ویرایش تصاویر، امکانی برای وبمسترها فراهم کرده است تا بتوانند تصاویر نهایی خود را بعد از ویرایش، با گزینه Save for web ذخیره کنند. ذخیرهسازی تصاویر با این گزینه باعث میشود تا تصاویر بدون اینکه افت کیفیت خاصی داشته باشند، به صورت کاملاً بهینه شده و با حجم چندین برابر کمتر قابلاستفاده باشند.
البته نرم افزار الستریتور نیز یک چنین قابلیتی دارد که از منوی فایل در اختیار شما قرار گرفته است.
اگر اهل استفاده از این مدل نرمافزارها نیستید، وبسایتهایی همچون Compressor.io و یا Image Optimizer میتوانند جایگزین مناسبی باشند. کافیست تصویر اصلی خود را در این سایت ها آپلود کرده و بعد از چند لحظه تصویر بهینه شده خود را دریافت کنید.
استفاده از افزونه ها
سیستمهای مدیریت محتوا دارای افزونهها و ماژولهای مختلفی برای بهینهسازی بخشهای گوناگون سایت هستند. این افزونهها میتوانند به صورت اتوماتیک تصاویر موجود (آپلود شده) در وبسایت شما را شناسایی کرده و آنها را بدون دخالت شما بهینه کنند. حجم نهایی اغلب این تصاویر بعد از بهینه شدن تقریباً یک چهارم حجم نسخه اصلی میشود. همین روش به شدت در افزایش سرعت وبسایت شما تأثیرگذار خواهد بود. بهترین پلاگینهای موجود در این زمینه برای وردپرس عبارت اند از :
reSmush.it
EWWW Image Optimizer
Compress JPEG & PNG images
ShortPixel Image Optimizer
WP Smush
از استفاده از فرمت درست تصاویر نیز غافل نشوید. تصاویر موجود در سطح وب معمولاً در سه فرمت SVG، PNG و JPG است. اگر تصویر مورد نظر شما یک وکتور با کیفیت است، باید فرمت آن SVG باشد. اگر تصاویر شما دارای پس زمینه شفاف (Transparent) هستند و یا تصاویر شما از نوع آیکون میباشند، باید از فرمت PNG استفاده کنید و در نهایت برای تصاویر اصلی وبسایت شامل تصاویر مطالب، کاورها، بنرها و تبلیغات از فرمت JPG استفاده کنید.
استفاده از افزونههای موسوم به LazyLoad برای بهینهسازی تصاویر
قابلیت جالب و منحصربهفردی که چند سالیست به برخی CMS ها از جمله وردپرس اضافه شده است، امکان استفاده از افزونههایی برای بهینهسازی تصاویر به سبکی جدید است. افزونههایی با عنوان LazyLoad منتشر شدهاند که با فرآیندی جالب، باعث بهبود سرعت سایت و بارگذاری تصاویر آن میشوند. در حال حاضر بسیاری از سایتهای امروزی و موفق در زمینههای گوناگون از این قابلیت استفاده میکنند.
روش کار این پلاگین به این صورت است که در صورت نصب و فعال بودن آن، مرورگرها فقط تصاویری از یک سایت را بارگذاری میکنند که در محدوده دیدشان وجود دارد. به عبارت سادهتر شما وقتی وارد یک سایتی که این قابلیت در آن فعال است میشوید، فقط تصاویری را میبینید که در کادر مرورگر شما دیده میشوند، و زمانی که شما سایت را به قسمتهای پائینتر اسکرول کنید، تصاویر بعدی به نوبت بارگذاری و همراه با افکت ظاهر میشوند. استفاده از این سیستم کمک شایانی به کاهش تعداد آیتمهای در حال دانلود برای مرورگرها میکند و همین موضوع باعث میشود تا سایت شما با سرعت بیشتری لود شود. اگر از وردپرس استفاده میکنید،
البته این قابلیت به صورت پیشفرض دروردپرسهای جدید وجود دارد.
بهینه سازی یا عوض کردن پوسته یا غالب سایت
یکی از دلایل افت سرعت یک سایت، ممکن است مستقیماً به قالب و تم اصلی آن مرتبط شود. اگر قالب فعلی سایت شما قدیمی بوده و یا استاندارد نیست، نسبت به بهینه کردن آن اقدام کنید. اما اگر قالب مورد نظر به اندازه کافی مستعد به روز شدن نبود، قید آن را بزنید و یک قالب جدید دست و پا کنید. برای این مورد بهتر است حتماً با متخصصین طراحی وب مشورت کرده و مراحل ساخت یا بهینهسازی آن را به افراد متبحر بسپارید. دستکاریهای غیرحرفهای و یا استفاده از قالب های پیش فرض و رایگان مسئله ای است که معمولاً هیچوقت برای یک تجارت نوپا و حرفه ای پیشنهاد نمی شود.
فراموش نکنید که یک سایت معتبر و موفق باید در سه بخش تجربه کاربری (UX)، رابط کاربری (UI) و سازگار بودن با موبایل ها عالی عمل کند. پس اگر تصمیم به استفاده از یک طرح جدید دارید و یا می خواهید سایت فعلی خود را بهینه کنید، این 3 آیتم را خیلی جدی بگیرید.
استفاده از شبکه توزیع محتوا یا CDN برای افزایش سرعت
شبکه توزیع محتوا (Content Delivery Network) که آن را با حروف اختصاری CDN می نامند، شبکه ای به هم لینک شده و مرتبط از چندین سرور می باشد که دسترسی اطلاعات برای کاربران را به شدت سریع و راحت تر کرده است. CDN یک شبکه بزرگ از سرورهای به هم متصل و نزدیک به هم می باشد. این سرورها که با نام Edge Server و یا Cache Server شناخته می شوند، با فاصله های نزدیک و تقریباً در تمام نقاط کره زمین وجود دارند. هر کاربری که به یک وبسایت مراجعه می کند، در واقع می بایست اطلاعات لازم را از سرور اصلی آن سایت که سرور آن در نقطه ای از کره زمین قرار دارد دریافت کند. تا پیش از این فاصله زیاد بین کاربر (کلاینت) و سرور باعث می شد تا دسترسی به اطلاعات با سرعت خیلی کمتری انجام شود. ولی با حضور CDN ها این مشکل برطرف شده است. حالا هر کاربری می تواند از هر جای دنیا در کمترین زمان ممکن به اطلاعات هر سایتی که از این شبکه استفاده کرده باشد، دسترسی پیدا کند. نحوه کار خیلی ساده است. سایت اصلی روی یک سرور اجرا شده است. این سرور به ده ها سرور دیگر که به صورت زنجیره ای به هم متصل هستند، مرتبط هستند. اطلاعات از سرور اصلی در تمام این سرورها جریان دارد. تمامی این سرورها که در موقعیت های مختلف جغرافیایی قرار دارند، می توانند در کسری از ثانیه این اطلاعات را آماده ارسال به کاربران کنند. وقتی یک کاربر وارد چنین سایتی می شود، در اصل به نزدیک ترین سرور متصل می شود و همین موضوع باعث می شود تا در کمترین زمان ممکن و در کمترین فاصله، اطلاعات بین کاربر و سرور تبادل شود.
سایتهایی که در ایران سرویس cdn را ارائه میکنند عبارت اند از: ابر آروان و ایران سرورکه به نظر من ابر آروان بهتر عمل کرده است.
اشتراک گذاری: