معرفی ابزار PageSpeed Insight

پس از طراحی سایت، یکی از مهم ترین مسائل، نگه داشتن سایت در صدر نتایج جستجوهای کاربران است و این موضوع تنها با کار بر روی سئو سایت امکان پذیر خواهد بود.

PageSpeed Insight یکی از ابزارهای گوگل است که عملکرد صفحات یک سایت را با استفاده از رابط موبایل برای موبایل ها و رابط دسکتاپ برای کامپیوترها ارزیابی می نماید. این ابزار براساس معیارهایی که باعث بهترین عملکرد یک صفحه سایت می شود، سایت را بررسی کرده و امتیازی بین 0 تا 100 به آن می دهد. در نتیجه با توجه به امتیاز دریافتی، عملکرد سایت را در یکی از دسته های زیر قرار می دهد:

1. خوب: صفحه مورد نظر بیشتر معیارهای مدنظر گوگل را داشته و تجربه خوبی از کارکردن با سایت برای کاربر فراهم می کند.
2. نیاز به کار دارد: صفحه برخی از عملکردهای مدنظر را نداشته و این موضوع باعث کندی در استفاده کاربر شده است.
3. ضعیف: صفحه مورد نظر بهینه نبوده و به نظر می رسد برای استفاده کاربر کند می باشد.

لطفا توجه داشته باشید که pageSpeed Insight بطور مداوم در حال بهبود شیوه های بررسی عملکرد وب سایت ها بوده و امتیازهایی که اختصاص می دهد نیز در طول زمان تغییر خواهند کرد. امتیاز بالا بیانگر سریع بودن عملکرد سایت برای کاربر است اما لزوما ضامن این مهم نیست.
معیارهای PageSpeed Insight برای بهبود عملکرد صفحه بر روی موارد زیر است:

• زمان بارگزاری بیش از حد (time to above-the-fold load): زمان سپری شده از لحظه ای که کاربر درخواست یک صفحه جدید را می دهد و تا لحظه ای که (the above-the-fold) محتوا بوسیله مرورگر ارائه می شود.
• زمان بارگزاری کامل صفحه (time to full page load): زمان سپری شده از لحظه ای که کاربر درخواست یک صفحه جدید می دهد تا زمانی که پیج بصورت کامل توسط مرورگر نمایش داده می شود

لازم به توضیح است که عملکرد هر شبکه ارتباطی با دیگر شبکه های متفاوت است، از این رو PageSpeed Insight  فقط جنبه های مستقل از شبکه را در بررسی عملکرد یک صفحه درنظر می گیرد. جنبه هایی نظیر: پیکره بندی سرور، ساختار HTML صفحه، مصرف منابع جانبی مانند تصاویر، اسکریپت ها و CSSها. انتظار می رود پیاده سازی پیشنهادات عملکرد نسبی صفحه را بهبود بخشد هرچند عملکرد قطعی یک صفحه هنوز هم به اتصال شبکه کاربر بستگی دارد.

موارد مرتبط با سرعت:

• اجتناب از تغییر آدرس Landing page (Avoid landing page redirects)
  برای مثال:
  - Example .com از یک طراحی واکنشگرا استفاده می کند و نیازی هم به تغییر آدرس ندارد؛ درنتیجه سریع و بهینه است
  - Example.com تغییر آدرس می دهد به m.example.com/home؛ درنتیجه رفت و برگشت چند باره برای کاربر موبایل
  - Example.com تغییر آدرس به www.example.com مجددا تغییر آدرس به m.example.com؛ در نتیجه عملکرد کند بر روی موبایل
• فعال کردن فشرده سازی (Enable compression)
  فعال کردن gzip برای درخواست های HTTP می تواند حجم انتقالات درخواست ها را تا 90% کاهش دهد و باعث کاهش مصرف داده برای کاربر و بهبود زمان برای ارائه اولیه صفحات شود.
• بهبود زمان پاسخ دهی سرور (Improve server response time)
  زمان پاسخ دهی سرور معیاری است از مدت زمانی که طول می کشد تا htmlهای لازم برای رندر کردن صفحه از سرور بارگزاری شوند منهای تاخیر شبکه بین گوگل و سرور شما. باید زمان پاسخ دهی سرور برای رندر صفحه تا 200میلی ثانیه کاهش یابد. ده ها دلیل برای کندی در پاسخ دهی سرور وجود دارد مانند: نرم افزار کند، کندی در کوئری های پایگاه داده، کندی در routing، منبع تغذیه CPU یا کمبود حافظه که با بررسی و بهبود هر کدام زمان پاسخدهی سرور بهبود میابد.
• افزایش قدرت کش مرورگر (Leverage browser caching)
  دریافت اطلاعات از منابع در شبکه، کند و هزینه بر است، دانلود مستلزم ارتباط چند باره بین کاربر و سرور است که باعث کندی در فرآیند و گاهی ممکن است باعث مسدود شدن ارائه محتوای صفحه شود و همچنین برای بازدید کننده نیز شامل هزینه برای ترافیک مصرفی می باشد. به همین دلیل همه سرور های باید سیاست کش کردن مطالب را داشته باشند تا به کاربر برای تعیین زمان استفاده از محتوای کش شده، کمک نماید.
• کاهش منابع (Minify resources)
  کاهش منابع به فرآیندی اطلاق می گردد که در آن دیتاهای غیرضروری یا اضافی بدون آنکه تاثیری بر چگونگی عملکرد مرورگر داشته باشد، پاک شوند. کارهایی نظیر: حذف کدهای بلا استفاده، استفاده از نام های کوتاه تر برای متغیرها و توابع، مختصر کردن CSSها ، HTML و Java Scriptها و ...
• بهینه سازی تصاویر (Optimize images)
  استفاده از تصاویر در صفحه، باعث افزایش حجم کلی صفحه شده و در نتیجه باعث طولانی شدن فرآیند زمان بارگزاری کامل صفحه می شود. از این رو باید تصاویر استفاده شده در سایت کاملا بهینه شده باشند.
• بهینه سازی تحویل CSS به مرورگر  (Optimize CSS Delivery)
  پیش از آنکه مرورگر بتواند محتوا را ارائه دهد، باید تمام استایل ها و اطلاعات طرح  را برای صفحه فعلی پردازش نماید. در نتیجه مرورگر ارائه محتوا را تا زمان بارگزاری کامل استایل ها و پردازش آن مسدود خواهد کرد که باعث بروز اختلال و تاخیر در روند رندر اولیه صفحه خواهد شد. در نتیجه فرآیند پردازش  cssها باید بهینه گردد تا این زمان به حداقل برسد.
• اولویت بندی محتوای قابل مشاهده (Prioritize visible content)
  اگر میزان دیتای موجود بیش از حد معمول(14.6KB درحالت فشرده) باشد، پردازش آن ارتباط دوطرفه بیشتری را بین سرور شما و مرورگر کاربر ایجاد خواهد کرد. درنتیجه برای کاربرانی با شبکه های کم سرعت مانند شبکه موبایل باعث تاخیر قابل توجه در بازگزاری محتوا خواهد شد. به همین علت با اولویت بندی محتوا، محتوای مهم تر را سریع تر در معرض دید مخاطب قرار دهید تا باعث ناامیدی بازدیدکننده از سایت خود نشوید.
• حذف جاوا اسکریپت هایی که مسدود شده اند (Remove render-blocking JavaScript)
  پیش از آنکه مرورگر بتواند یک صفحه را رندر کند، باید با تجزیه HTML درخت DOM را ایجاد نماید. در خلال این فرآیند هنگامی که تجزیه کننده به یک اسکریپتی برخورد می کند، باید قبل از ادامه فرایند، آن را متوقف کرده و به اجرای آن اسکریپت بپردازد. علاوه بر این برای اجرای یک اسکریپت خارجی باید منتظر دانلود منابع نیز بماند. به همین دلیل باید اسکریپت های مسدود شده و یا غیرلازم را حذف کرد تا اختلالی در فرآیند رندر صفحه به وجود نیاید.
• استفاده از اسکریپت های ناهمزمان (Use asynchronous scripts)
  استفاده از اسکریپت های ناهمزمان باعث افزایش زمان بارگزاری صفحه می شود زیرا مرورگر دیگر زمانی را برای بارگزاری اسکریپت ها صرف نکرده و اسکریپت ها در پس زمینه بارگزاری خواهند شد.