تست و بهینه سازی سرعت سایت با گوگل !!

یکی از مهمترین فاکتورهای مهم برای رنکینگ سایت سرعت آن میباشد که قسمت زیادی از بهبود رابط کاربری را شامل میشود . سرعت بالا در موبایل تاثیر بیشتری دارد . در حال حاضر بالای ۵۰% از کاربران با موبایل وارد سایت میشوند بنابراین بالا بردن سرعت سایت تاثیر بسیار زیادی در بهبود وضعیت کلی سایت شما دارد .

چگونه سرعت بارگزاری سایت را زیاد کنیم ؟

قبل از اینکه شروع به کار کنیم باید گفت که بهترین ابزار برای تست کردن سرعت سایت Page Speed Insights میباشد که توسط گوگل ارائه میشود . این ابزار بعد از تست کردن سایت نکاتی جهت بهینه سازی به شما میدهد حتی میتوان بعضی از کدهای بهینه شده را دانلود کرد و جای گزین اصلی آنها در سایت نمود .

قبل از هر کاری حتما از سایت خود بکاپ تهیه بفرمایید تا مشکلی پیش نیاید .

بهینه سازی عکس ها

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

عکس را نسبت به نیاز خود ریسایز کنید . شما باید عکس های خود را به بزرگ ترین اندازه ای که در سایت شما نمایش داده میشود ریسایز کنید . مثلا اگر عکسی با اندازه ۱۵۰*۱۵۰ پیکسل نیاز دارید ، همان سایز را در سایت خود بارگزاری کنید .

در صورت استفاده از وردپرس ، افزونه WP Smush را نصب کنید و بعد از بارگزاری عکس در سایت و ساخته شدن بند انگشتی ها دوباره با این پلاگین عکس ها را بهینه کنید .

در صورت نیاز میتوانید آموزش زیر را مطالعه بفرمایید :

بهینه سازی عکس با فتوشاپ و پلاگین

فشرده سازی CSS و جاوا اسکریپت

این فایل ها اصولا دارای کاراکترها ، فضای خالی و بسیاری از علائم بدون کاربرد هستند که با حذف آنها تا ۵۰% حجم آنها کم میشود که در بارگذاری سایت تاثیر دارد . برای درست کردن این وضعیت میتوانید Gulpjs را در سرور خود نصب کنید تا به صورت اتوماتیک این کار را برای شما انجام دهد .

در صورتیکه از وردپرس استفاده میکنید از پلاگین Autoptimize استفاده کنید تا این کار را برایتان انجام دهد .

حافظه کش مرورگر

با اضافه کردن کدهایی در فایل htaccess. میتوانید به راحتی این مشکل را درست کنید . کدهای زیر را در فایل htaccess. کپی کنید تا این مشکل رفع شود .

## EXPIRES CACHING ##
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access plus 1 year"
ExpiresByType image/jpeg "access plus 1 year"
ExpiresByType image/gif "access plus 1 year"
ExpiresByType image/png "access plus 1 year"
ExpiresByType text/css "access plus 1 month"
ExpiresByType application/pdf "access plus 1 month"
ExpiresByType text/x-javascript "access plus 1 month"
ExpiresByType application/x-shockwave-flash "access plus 1 month"
ExpiresByType image/x-icon "access plus 1 year"
ExpiresDefault "access plus 2 days"
</IfModule>
## EXPIRES CACHING ##

رفع ارور Eliminate render-blocking resources above the fold

یا همان ” حذف کردن منابع رندر در بالای صفحه ” نیاز به دانش فنی دارد اما برای رفع آن میتوانید به صورت ساده از همان پلاگین Autoptimize استفاده کنید . البته با استفاده از این پلاگین CSS ها در بالای صفحه لود میشود اما مشکلی نیست زیرا حذف آنها مشکلات دیگری را بوجود می آورند .

فعال کردن فشرده سازی

میتوانید از سمت سرور Gzip را فعال کنید البته باید بدانید در بیشتر سرورهای امروزی این گزینه فعال میباشد .

بهینه سازی برای موبایل

شما باید برای موبایل فونت ها ، منوی کاربردی ، بارگزاری و موارد دیگر را درست استفاده کنید . برای پیدا کردن مشکل در  بروزر خود را کوچک و بزرگ کنید و ببینید که در تمام اندازه ها به سایت به درستی نمایش داده میشود . اگر قالب خوب و واکنش گرایی داشته باشید لازم نیست کاری انجام دهید .