امروز در طراحی سایت پرنا به قسمت دوم مقاله "7 راه افزایش سرعت وب سایت " می پردازیم
در قسمت قبلی نکاتی در خصوص سایز و حجم عکس ها ، حذف کد ها و پلاگین های اضافی و بی مورد ، آپدیت به موفق و ضرورت استفاده از CDN صحبت کردیم.
و ادامه مقاله ...
نکته پنجم : فعال کردن کش سایت .
کش کردن سایت نوعی تکنولوژی است که به کاربر اجازه می دهد برخی از قسمت های صفحه اصلی و صفحات جانبی طراحی سایت را در مرورگر ذخیره کند.
با اینکار در صورت بازگشت بازدیدکننده بسیاری از عناصر سایت از قبل دانلود شده و سرعت لود شدن سایت برای او به حد چشمگیری افزایش پیدا خواهد کرد.
علاوه بر افزایش سرعت طراحی سایت برای بازدیدکننده ، این کار باعث صرفه جویی در منابع سرور یا هاست شما شده و برای شما نیز مفید خواهد بود.
در صورتی که از وردپرس استفاده می کنید ، پلاگین هایی از قبیل W3 Total Cache این کار را برای شما انجام خواهد داد.
این افزونه علاوه بر کش کردن ، امکانات بسیاری را برای استفاده شما به ارمغان خواهد آورد.
افزایش سرعت وب سایت | افزایش سرعت وب سایت وردپرسی | افزایش سرعت وب سایت جوملا | افزایش سرعت وب سایت در وردپرس | افزایش سرعت وب
در صورتی که از جوملا استفاده می کنید میتوانید از پلاگین هایی مثله JotCashe استفاده کنید.
برخی از سرویس های CDN از قبیل CLOUDFLARE ابزار کش کردن را هم در خود دارند.
نکته ششم : استفاده از فشرده ساز Gzip .
فشرده ساز Gzip میتواند باعث کاهش responses های مرورگر شما شود. گاهی حتی تا 70%
به طور خلاصه سرعت سایت رو بالا مییبرد ! :)
3 راه برای فعال سازی این فشرده سازی وجود دارد.
راه اول : اضافه کردن کرد زیر به htaccess
# compress text, html, javascript, css, xml:
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript
# Or, compress certain file types by extension:
<files *.html>
SetOutputFilter DEFLATE
</files>
راه دوم : اضافه کردن قطعه کد زیر قبل از باز کردن تگ
<html>
<?php if (substr_count($_SERVER[‘HTTP_ACCEPT_ENCODING’], ‘gzip’)) ob_start(“ob_gzhandler”); else ob_start(); ?>
W3 Total Cache یا JotCashe
راه سوم :استفاده از پلاگین های یا ابزای های آماده از قبیل
نکته هفتم و آخر : فایل های CSS در هدر و JS در فوتر ! :
این نکته یکی از مهمترین و آسان ترین کار های ممکن است که متاسفانه خیلی از طراحان ما چندان به آن اهمیت نمی دهند.
کد ها باید تر و تمیز نوشته شده باشند . Css ها در هدر باشند. با این کار سایت تا زمان لود برای بازدیدکننده با اسکلت بندی بالا می آید. ( به طور عامیانه کجو و کوله بالا نمیاد تا لود کامل !)
و قرار دادن فایل های JS در فوتر موجب لود شدن عناصر JS در زمانی که سایت برای کاربر کامل لود شده است می شود .
نکته پایانی و هشتم نمی گیم چون گفتیم هفتا :) :
علاوه بر تمامی نکات بالا استفاده از سیستم هاستینگ قدرتمند میتواند بسیار موثر باشد.
قبل از خرید هاست درخواست نمونه وب سایت های بالا آمده یا به نوعی دمو کنید.
بهتر است سرعت سایت با توجه به حجم صفحه اصلی سایت ; 2 تا 5 ثانیه باشد.
موفق باشید.
طراحی سایت حرفه ای پرنا
ممنونم از مقاله ی خوبتون . من یه مشکلی داشتم، یکی از سایت هایی که من روش کار می کنم فقط یک صفحه ی محصولش سرعتش به شدت پایینه . بعضی وقتها همین صفحه خطای 503 میده . میشه این رو یه بررسی کنید ؟ کاپشن پلیسی به نظر شما فارسی بودن آدرس سایت می تونه این مشکل رو به جود آورده باشه ؟