چگونه رتبه بالاتری در PageSpeed و YSlow بگیریم؟

[sibait]

احتمالا این موارد بتواند در کسب امتیاز و نمره بهتر به شما کمک کند.
1- تنظیم کش سمت مرورگر

کش سمت مرورگر باعث می شود که وقتی یک بازدید کننده، یک مرتبه وارد سایت شما می شود، فایل های CSS, JS تصاویر، فونت ها و سایر فایل هایی که احتمالا در سر تا سر سایت شما بارها و بارها تکرار می شوند را در مرورگر خود برای زمانی مشخص ذخیره کند و هر بار که صفحه جدیدی را باز می کند، این فایل ها را مجددا دانلود نکند و از همان نسخه هایی که قبلا دانلود شده استفاده کند.
چگونه کش سمت مرورگر کاربر را فعال کنیم؟

در سایت هایی که از وب سرور Apache به طور مستقیم یا غیر مستقیم استفاده می کنند ( یعنی سایت هایی که وب سرور آن ها Apache است و یا از LiteSpeed یا Nginx به صورت پراکسی استفاده می کنند، به طور خلاصه بیش از 95 درصد از سایت ها )، می توانید مراحل زیر را انجام دهید.

1. به داخل کنترل پنل هاست یا سرور خود بروید و به مسیر /public_html/ بروید و فایل .htaccess را پیدا کنید.
2. کد زیر را در انتهای آن قرار دهید و فایل را ذخیره کنید.

<IfModule mod_expires.c>
ExpiresActive on

ExpiresDefault "access plus 1 month"

# cache.appcache needs re-requests in FF 3.6
ExpiresByType text/cache-manifest "access plus 0 seconds"

# Your document html
ExpiresByType text/html "access plus 0 seconds"

# Data
ExpiresByType text/xml "access plus 0 seconds"
ExpiresByType application/xml "access plus 0 seconds"
ExpiresByType application/json "access plus 0 seconds"

# Feed
ExpiresByType application/rss+xml "access plus 1 hour"
ExpiresByType application/atom+xml "access plus 1 hour"

# Favicon
ExpiresByType image/x-icon "access plus 1 month"

# Media: images, video, audio
ExpiresByType image/gif "access plus 1 month"
ExpiresByType image/png "access plus 1 month"
ExpiresByType image/jpg "access plus 1 month"
ExpiresByType image/jpeg "access plus 1 month"
ExpiresByType video/ogg "access plus 1 month"
ExpiresByType audio/ogg "access plus 1 month"
ExpiresByType video/mp4 "access plus 1 month"
ExpiresByType video/webm "access plus 1 month"

# HTC files (css3pie)
ExpiresByType text/x-component "access plus 1 month"

# Webfonts
ExpiresByType application/x-font-ttf "access plus 1 month"
ExpiresByType font/opentype "access plus 1 month"
ExpiresByType application/x-font-woff "access plus 1 month"
ExpiresByType image/svg+xml "access plus 1 month"
ExpiresByType application/vnd.ms-fontobject "access plus 1 month"

# CSS and JavaScript
ExpiresByType text/css "access plus 1 week"
ExpiresByType text/javascript "access plus 1 week"
ExpiresByType application/javascript "access plus 1 week"

<IfModule mod_headers.c>
Header append Cache-Control "public"
</IfModule>

</IfModule>

حال به توضیح کوتاهی درباره هر بخش از این کد می پردازیم.
بخش
<IfModule mod_expires.c>
ExpiresActive on
ExpiresDefault "access plus 1 month"
باعث می شود تا ماژول انتساب هدر های کش از طرف آپاچی فعال شود و به طور پیش فرض، برای محتوای قابل کش شدن مقدار 1 ماه ( access plus 1 month ) را نسبت دهد. می توانید 1 ماه را به سلیقه خودتان تغییر دهید اما اگر اطلاعات کافی ندارید، این مقدار عدد منطقی و مناسبی است و آن را تغییر ندهید.
در تمامی بخش های این کد، با تغییر مقدار سه نقطه در ... access plus می توانید تعیین کنید که فایل های مورد نظر، چه مدت در کش مرورگر بازدید کننده باقی بمانند.

• # cache.appcache needs re-requests in FF 3.6 برای کش شدن اپلیکیشن هاست. آن را تغییر ندهید.
• # Your document html برای کش شدن صفحات HTML است. آن را تغییر ندهید و معمولا با تغییر آن، اتفاقی نمی افتد چرا که خود CMS ها به نحو دیگری جلوی کش شدن صفحات HTML را می گیرند.
• # Data برای کش شدن فایل های XML و Json است. آن را تغییر ندهید.
• # Feed برای کش شدن فید ها است. این هم معمولا به صورت دستی قابل کنترل نیست و CMS ها خودشان آن را مشخص می کنند.

سایر بخش ها هم مشخص است که چه کاری انجام می دهند.
2- فشرده سازی فایل های CSS, JS

برای این کار، افزونه هایی برای CMS ها وجود دارند. در صورتی که از وردپرس استفاده می کنید، می توانید از افزونه هایی مانند W3 total cache ، Autoptimize ، و سایر موارد استفاده کنید.
در صورت استفاده از جوملا می توانید از افزونه بسیار قدرتمند JCH Optimize استفاده کنید.
همچنین اگر از سایت هایی که از CMS استفاده نمی کنند بهره می برید، می توانید به صورت دستی کد های CSS و JS را با استفاده از سایت هایی که کد را فشرده سازی می کنند، کم حجم کنید. با یک سرچ در گوگل تعداد بی شماری از این سایت ها را می بینید.
3- کاهش حجم تصاویر و حفظ کیفیت آن ها ( بهینه سازی نسبت کیفیت تصویر به حجم آن )

این کار را می توانید به صورت دستی و با استفاده از نرم افزار های فشرده سازی حجم تصاویر انجام دهید و همچنین اگر از Wordpress استفاده می کنید، افزونه هایی مثل WP Smush یا در جوملا از Image Recycle استفاده کنید.
یادتان باشد که کیفیت را قربانی حجم تصاویر نکنید. بالانسی بین این دو ایجاد نمایید.
4- تعداد درخواست ها به سرور سایت برای دانلود کامل محتوا

قالب های آماده سایت ها معمولا دارای چندین فایل CSS و JS هستند. می توانید با ترکیب این فایل ها در یک فایل CSS و یک فایل JS، تعداد درخواست ها به سرور را کاهش دهید و در نتیجه صفحه سریع تر دانلود می شود.
هر یک درخواست اضافی به سرور باعث تلف شدن چند یا شاید چند ده میلی ثانیه شود.
افزونه هایی که برای کاهش حجم و فشرده سازی فایل های CSS و JS برای CMS ها در بالا معرفی شد، عمدتا دارای این قابلیت نیز هستند.
5- فعال سازی Gzip: مفید یا مضر ؟

فشرده سازی Gzip compression در سمت سرور، عملی است که حجم برخی فایل ها را پیش از ارسال از ست سرور به مرورگر بازدید کننده، کم می کند.
تا مدتی پیش همه بر این باور بودند که این کار باعث افزایش سرعت سایت می شود. البته در این مورد که حجم صفحه کاهش پیدا می کنید، شکی نبوده و نیست.
اما جدیدا عده ای معتقدند که در سرور هایی که از منابع مهدودی استفاده می کنند، این کار منجر به کاهش سرعت کلی آماده سازی و ارائه محتوا از سمت وب سرور به مرورگر می شود. چرا که این فشرده سازی در واقع یک پردازش اضافی به سرور تحمیل می کند.
می توانید این مورد را در هاست سایت خود امتحان کنید و اگر نتیجه خوبی داد از آن استفاده بکنید یا نکنید.
بعضی از هاستینگ ها این مورد را به طور پیش فرض فعال یا غیر فعال کرده اند و شما نمی توانید به صورت دستی آن را فعال یا غیر فعال کنید.
در Cpanel اگر این امکان از طرف هاستینگ شما مهیا شده باشد، می توانید در صفحه اصلی Cpanel و در بخش Optimize Website آن را فعال یا غیر فعال کنید.

چند مورد دیگر نیز وجود دارد که می توانید با استفاده از آن ها، کمی به نمره 100 نزدیک تر شوید.
اما چیزی که واضح است این است که با رعایت نکات بالا، نمی توانید انتظار داشته باشید که معجزه ای در سئو سایت شما اتفاق بیفتد.
مهم ترین بخش در تاثیر سرعت سایت بر سئو چیست؟

بر طبق آخرین آزمایشات و بررسی هایی که Moz انجام داده است، مهم ترین تاثیری که از سرعت سایت به سئو می رسد، مربوط به "زمان سپری شده برای بارگزاری و رندر شدن اولیه صفحه یا TTFB" می باشد.
TTFB یا Time To First Byte چیست و چرا در سئو مهم است؟

برگردید به همان صفحه ای که در GTmetrix باز کرده بودید و صفحه ای را در آن تست کردید. به تب Waterfall بروید.
در اینجا زمانی که هر یک از درخواست ها به سرور سایت شما سپری کرده است تا پاسخ را به مرورگر بفرستد، نشان داده شده است. ممکن است یکی دو مورد اول با کد 301 یا 302 مشخص شده باشند که احتمالا برای ریدایرکت های www و http/https هستند.
اولین موردی که پاسخ 200 را برگردانده را نگاه کنید.

این در واقع نشان دهنده زمانی است که اسکریپت سایت شما برای ایجاد محتویات صفحه در روی سرور صرف کرده است. ( در اینجا تقریبا 500 میلی ثانیه )
TTFB به چه چیز هایی بستگی دارد؟

• قدرت و کیفیت هاست سایت
• بهینه بودن اپلیکیشن یا اسکریپتی که محتوا را ایجاد کرده
• بهینه بودن قالب سایت
• بهینه بودن افزونه ها، ویجت ها و سایر مواردی که جدای از CMS سایت به نحوی در ایجاد محتوای نهایی صفحه سهیم هستند.

طبق تحقیق انجام شده، نمودار های زیر به دست آمده است.
نمودار اول نشان دهنده رابطه بین رتبه سایت در گوگل با سرعت باز شدن صفحه است.

همانطور که می بینید، رتبه هیچ وابستگی به سرعت باز شدن صفحه یا همان زمانی که طول می کشد تا یک سرور قدرتمند ( مثل ربات های گوگل ) محتوا را دانلود کنند ندارد.
اما به این نمودار توجه کنید.

این نمودار نشان دهنده رابطه بین TTFB ( محور عمودی ) با رتبه سایت در نتایج گوگل ( محور افقی ) می باشد. همانطور که مشاهده می کنید تقریبا با روند منظمی هرچقدر TTFB یک سایت بالاتر ( یعنی زمان بیشتری برای پاسخ به درخواست اولیه صرف شده )، رتبه سایت ها هم پایین تر است.
البته این به این معنا نیست که این موضوع هیچ استثنایی ندارد. یادمان باشد که سرعت تنها یکی از فاکتور های موثر در سئو است.
بعد از این مقاله طولانی به این نتیجه رسیده ایم که:

سرعت باز شدن صفحه، نمی تواند معیار خوبی برای رتبه و سئو سایت در گوگل باشد. بکله چیزی که مهم است، TTFB یا همان زمان سپری شده برای پاسخ به درخواست اولیه می باشد که این زمان هرچقدر پایین تر باشد، سایت یا بهتر بگویم "آن صفحه از سایت" پتانسیل بیشتری برای رسیدن به رتبه های برتر در سرچ دارد.

حدودا چه مقادیری از TTFB خوب است؟

پاسخ به این سوال کار چندان صحیحی نیست. اما برای داشتن یک دید کلی:

• کمتر از 200 میلی ثانیه: عالی
• بین 200 تا 700 میلی ثانیه: خوب
• بین 700 تا 1000 میلی ثانیه: متوسط
• بین 1000 تا 2000 میلی ثانیه: بد
• و بالاتر از 2000 میلی ثانیه نشان دهنده وجود مشکل اساسی می باشد.

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