سرعت صفحه (Page Speed)

سرعت صفحه چیست؟

سرعت صفحه (Page Speed) در واقع مقیاس سرعت بارگذاری محتوای صفحه سایت شماست.

اکثر اوقات سرعت صفحه (Page Speed) با سرعت سایت (Site Speed) اشتباه گرفته می شود. سرعت صفحه بخشی از سرعت سایت است. توصیف های دیگری برای Page Speed وجود دارد؛ مثل:

  1. زمان بارگذاری صفحه یا page load time (زمان لازم برای نمایش کامل محتوا در یک صفحه خاص)
  2. زمان تا اولین بایت یا time to first byte (مدت زمانی طول می کشد تا مرورگر اولین بایت اطلاعات را دریافت کند)

شما می توانید سرعت صفحه خود را با Page Speed Insights گوگل ارزیابی کنید. امتیاز سرعت Page Speed Insights توسط داده های CrUX (گزارش تجربه کاربران کروم) و گزارش هایی در مورد دو معیار سرعت مهم (FCP و DCL) داده می شود.

Page Speed Insights
Page Speed Insights
ابزار سرعت صفحه

بهینه سازی سرعت صفحه از بهترین شیوه های سئو

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

سرعت صفحه نیز برای بهبود تجربه کاربری مهم است. صفحاتی که زمان بارگذاری طولانی تری دارند، نرخ پرش بالاتر (Bounce Rate) و میانگین زمان ماندن کمتری در صفحه دارند. (مدتی که کاربر در صفحه می ماند)

چند روش افزایش سرعت صفحه و سایت

فشرده سازی کد ها

فشرده سازی کد ها
فشرده سازی کد ها

از برنامه Gzip برای فشرده سازی CSS، HTML و جاوا اسکریپت خود که بزرگتر از ۱۵۰ بایت هستند، استفاده کنید. از Gzip در فایل های تصویری استفاده نکنید. در عوض، تصاویر را در برنامه ای مانند فتوشاپ فشرده کنید تا بتوانید کیفیت تصویر را حفظ کنید.

بهینه سازی کد های CSS، جاوا اسکریپت و HTML

با بهینه سازی کد خود با اعمالی مثل حذف فاصله، کاما و سایر کاراکترهای غیر ضروری، می توانید سرعت صفحه خود را به طور چشمگیری افزایش دهید. همچنین کامنت های کد ها، قالب بندی و کدهای استفاده نشده را حذف کنید. گوگل استفاده از CSSNano و UglifyJS را شدیداً توصیه می کند.

تغییر مسیر بیشتر، سرعت صفحه کمتر

هر بار که صفحه ای به صفحه دیگری هدایت می شود، بازدیدکننده شما با زمان بیشتری در انتظار تکمیل چرخه درخواست و پاسخ HTTP است. به عنوان مثال، اگر الگوی تغییر مسیر برای تلفن همراه به این صورت باشد:

example.com -> www.example.com -> m.example.com -> m.example.com/home

هر یک تغییر مسیر اضافی باعث می شود که صفحه سایت کندتر برای کاربر بارگذاری می شود.

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

حذف مسدود کننده رندر جاوا اسکریپت (render-blocking JavaScript

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

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

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

حافظه کش مرورگر در سرعت صفحه
حافظه کش مرورگر در سرعت صفحه

مرورگرها اطلاعات زیادی (استایل شیت ها، تصاویر، فایل های جاوا اسکریپت و موارد دیگر) را در حافظه کش ذخیره می کنند تا وقتی بازدیدکننده به سایت شما بازگردد، مرورگر مجبور نباشد کل صفحه را دوباره بارگیری کند. از ابزاری مانند YSlow استفاده کنید تا ببینید از قبل تاریخ انقضا برای کش خود تعیین کرده اید یا خیر. سپس سرصفحه “expires” خود را برای مدت زمانی که می خواهید این اطلاعات در حافظه پنهان ذخیره شوند، تنظیم کنید. در بسیاری از موارد، مگر اینکه طراحی سایت شما به طور مکرر تغییر کند، یک سال دوره زمانی معقولی است.

 

زمان پاسخگویی سرور

زمان پاسخگویی سرور شما تحت تأثیر میزان ترافیک، منابع هر صفحه، نرم افزار سرور و hosting solution  مورد استفاده شما می باشد. برای بهبود زمان پاسخگویی سرور خود، به دنبال کندی های سیستم مثل پایگاه داده کند کوئری ها، مسیریابی کند یا کمبود حافظه کافی باشید و آنها را رفع کنید. زمان پاسخگویی بهینه سرور برای سرعت صفحه بهینه زیر ۲۰۰ میلی ثانیه است.

 

از شبکه توزیع محتوا

شبکه های توزیع محتوا (CDN) که شبکه های تحویل محتوا نیز نامیده میشوند، شبکه هایی از سرورها هستند که برای تقسیمِ بار توزیع محتوا استفاده می شوند. اساساً کپی هایی از سایت شما در چندین مرکز داده متنوع از نظر جغرافیایی، ذخیره می شوند. به همین سبب کاربران دسترسی سریع تر و مطمئن تری به سایت شما داشته باشند.

 

بهینه سازی تصاویر

مطمئن شوید که تصاویر شما بزرگتر از حد نیاز نیستند، فرمت فایل مناسب است و برای وب فشرده شده اند. (معمولا از PNG برای کار گرافیکی و از  JPEG برای عکس ها باستفاده می شود.)

بهینه سازی تصاویر
بهینه سازی تصاویر

از CSS sprites برای درخواست کمتر بارگذاری تصویر، میتوانید استفاده کنید. CSS sprites تصاویر شما را در یک تصویر بزرگ ترکیب می کنند که به یکباره بارگیری می شود (که به معنی درخواست های HTTP کمتر است) و سپس تنها بخش هایی را که می خواهید نشان دهید نمایش می دهد. با این ترفند شما در زمان بارگذاری صرفه جویی می کنید و کاربران را مجبور نمی کنید تا چندین تصویر را بارگذاری کنند.

حجم هر صفحه باید کمتر از ۳ مگابایت باشد، سرعت صفحه افزایش پیدا کند.

سخن آخر

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

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

ارسال یک نظر

نشانی ایمیل شما منتشر نخواهد شد.