با افزایش روز افزون سرعت اینترنت در سراسر جهان مردم زودرنج تر شده و به طور خلاصه دوست ندارند منتظر لود شدن وب سایت شما بمانند. !
علارغم زودرنجی مردم ! ، گوگل هم فاکتور سرعت سایت را جزئه مهمترین ها برای تعیین رنک سایت و سئو در نظر می گیرد.
با توجه به نکات بالا شما باید افزایش سرعت سایت را جزئه مهمترین فاکتور ها برای طراحی سایت در نظر بگیرید.
نکته اول : سایز و حجم عکس ها را قبل از آپلود کاهش دهید.
سایز ( طول و عرض ) عکس :
پس از طراحی سایت شما باید در نظر بگیرید که عکس های استفاده شده در هر قسمت از سایت سایز (منظور همان طول و عرض است ) به خصوصی دارند.
برای مثال اگر در وب سایت شما از عکس های ۵۰۰ * ۵۰۰ برای مقالات استفاده می شود نیازی به یک بک گراند ۱۰۸۰ * ۱۹۲۰ ندارید !
در صورتی که از سیستم های مدیریت محتوا استفاده می کنید تا جای ممکن از پلاگین ها استفاده نکنید ! خودتان دست به کار شوید.
اگر ساز مورد نظر را نمی دانید از طراح وب سایت خود بپرسید.
حجم عکس ها :
عکس های آپلود شده باید حجم بسیار محدودی داشته باشند.
شما با استفاده از حجم ها یا نرم افزار های کاهش حجم عکس می توانید حجم سایز ها را به حد چشم گیری کاهش دهید.
به خاطر داشته باشید عکس های نهایتا باید زیر ۱۰۰kbs باشند.
اگر با نرم افزار ها َنایی ندارید می توانید از وب سایت های آنلاین استفاده کنید.
tinypng که در حال حاضر ما را در لیست تحریم قرار داده و compressjepg جزئه بهترین ها هستند.
شما فقط باید عکس ها را در این سایت ها آپلود کنید. کار فشرده سازی خودکار انجام شده و لینک دانلود برای شما اماده می شود.
نکته دوم : حذف پلاگین ها و کد های اضافی
این کار نیازمند دانش برنامه نویسی است. اگر از قالب های اماده استفاده می کنید از این نکته عبور کنید.
در صورتی که قالب ها به صورت اختصاصی طراحی شوند تا حد زیادی از کد های اضافی جلوگیری خواهد شد.
با شرکت طراحی سایت خود صحبت کرده و از انها بخواهید اسکریپت ها و پلاگین های اضافی که صرفا باعث کاهش سرعت سایت شما می شوند را پاک کنند.
اگر قصد طراحی سایت ارزان دارید این نکته را پیش از طراحی حتما گوشزد کنید.
یکی از بهترین وب سایت ها برای تست این نکته GT METRIX است.
با ورود به این وب سایت فقط لازم است لینک وب سایت را وارد کنید تا کلیه بررسی های لازم انجام شود.
کلیه نکات لازم برای نمره خود در gt metrix در طراحی سایت پرنا رعایت می شود.
نکته سوم : حتما وب سایت را اپدیت کنید.
در صورتی که از CMS های اماده مانند وردپرس یا جوملا استفاده می کنید حتما باید وب سایت را زود به زود اپدیت کنید.
با اپدیت ها کد های CMS به روز رسانی می شود و سرعت سایت بالا خواهد رفت.
اگر از CMS اختصاصی استفاده می کنید آپدیت های شرکت را زود به زود نصب کنید.
مشکلات را زود اطلاع دهید تا رفع شوند.
البته این آپدیت ها روزانه نیستند ! به طور معمول هر ۱ تا ۳ ماه نیاز به آپدیت دارید.
علاوه بر افزایش سرعت آپدیت کردن می تواند امنیت سایت را بسیار بسیار بهبود بخشد و هک شدن سایتتان را تقریبا غیر ممکن سازد.
آلارم آپدیت جدید در وردپرس
نکته چهارم : حتما از CDN استفاده کنید.
CDN یا شبکه توزع محتوا تعداد بسیاری سرور در سراسر جهان هستند.
کار آنها کش کردن اطلاعات وب سایت شما و در نتیجه بارگذاری سریعتر آنها برای بازدیدکنندگان است.
در صورتی که سروری در نزدیکی اکثریت کاربران سایت شما نباشد این سیستم به طور معکوس عمل کرده و باعث کاهش سرعت می شود !
الته علاوه بر افزایش سرعت ، این سیستم ها از کرش کردن وب سایت شما در صورت افزایش بازدید کنندگان جلوگیری می کنند.
اکثر شبکه های توزیع محتوا پولی هستند. در حال حاضر شبکه قدرتمند cluodflare به صورت رایگان در دسترس است
نکته پنجم : فعال کردن کش سایت .
کش کردن سایت نوعی تکنولوژی است که به کاربر اجازه می دهد برخی از قسمت های صفحه اصلی و صفحات جانبی وب سایت را در مرورگر ذخیره کند.
با اینکار در صورت بازگشت بازدیدکننده بسیاری از عناصر سایت از قبل دانلود شده و سرعت لود شدن سایت برای او به حد چشمگیری افزایش پیدا خواهد کرد.
علاوه بر افزایش سرعت برای بازدیدکننده ، این کار باعث صرفه جویی در منابع سرور یا هاست شما شده و برای شما نیز مفید خواهد بود.
در صورتی که از وردپرس استفاده می کنید ، پلاگین هایی از قبیل W3 Total Cache این کار را برای شما انجام خواهد داد.
این افزونه علاوه بر کش کردن ، امکانات بسیاری را برای استفاده شما به ارمغان خواهد آورد.
در صورتی که از جوملا استفاده می کنید میتوانید از پلاگین هایی مثله JotCashe استفاده کنید.
برخی از سرویس های CDN از قبیل CLOUDFLARE ابزار کش کردن را هم در خود دارند.
نکته ششم : استفاده از فشرده ساز Gzip .
فشرده ساز Gzip میتواند باعث کاهش responses های مرورگر شما شود. گاهی حتی تا ۷۰%
به طور خلاصه سرعت سایت رو بالا مییبرد
۳ راه برای فعال سازی این فشرده سازی وجود دارد.
راه اول : اضافه کردن کرد زیر به 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 در زمانی که سایت برای کاربر کامل لود شده است می شود .
علاوه بر تمامی نکات بالا استفاده از سیستم هاستینگ قدرتمند میتواند بسیار موثر باشد.
قبل از خرید هاست درخواست نمونه وب سایت های بالا آمده یا به نوعی دمو کنید.
بهتر است سرعت سایت با توجه به حجم صفحه اصلی سایت ; ۲ تا ۵ ثانیه باشد.