سرعت صفحه (Page Speed) وب سایت

امیر شیخ زاده وبلاگ 03 دسامبر 2020
سرعت صفحه (Page Speed) وب سایت

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

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

سرعت صفحه اغلب با “سرعت سایت” اشتباه گرفته می شود که در واقع سرعت صفحه برای نمونه ای از نماهای صفحه در یک سایت است. سرعت صفحه  در هر دو “زمان بارگیری صفحه” (زمان لازم برای نمایش کامل محتوا در یک صفحه خاص) و یا “زمان اولین بایت” (مدت زمانی که طول می کشد تا مرورگر شما اولین بایت اطلاعات را از سرور وب سایت شما دریافت کند) توصیف می شود.

شما میتوانید سرعت صفحه خود را با  Google’s Page Speed Insights ارزیابی کنید. ما قبلا آموزش کامل  Google’s Page Speed Insights را در سایت قرار داده ایم که می توانید به صورت رایگان از آن استفاده کنید.

تاثیر سرعت صفحه بر سئو

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

 

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

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

برخی از راه های متعدد برای افزایش سرعت صفحه شما را بررسی می کنیم :

 

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

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

از gzip روی فایل های تصویری استفاده نکنید. در عوض، این ها را در برنامه ای مانند فتوشاپ فشرده کنید که در آن می توانید کنترل بر کیفیت تصویر را حفظ کنید. “بهینه سازی تصاویر” را در زیر ببینید.

 

Minify کردن CSS , جاوا اسکریپت و HTML

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

 

کاهش تغییر مسیر

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

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

 

مسدود کننده رندر جاوا اسکریپت را حذف کنید

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

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

ذخیره مرورگر ( caching )

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

 

بهبود زمان پاسخ سرور (server response time)

زمان پاسخ سرور شما تحت تاثیر میزان ترافیکی است که دریافت می کنید، منابعی که هر صفحه استفاده می کند، نرم افزاری که سرور شما استفاده می کند، و میزبانی که استفاده می کنید. برای بهبود زمان پاسخ سرور خود، به دنبال عملکرد های مانند پرس و جوهای پایگاه داده  یا کمبود حافظه ،…و رفع آنها باشید. دقت داشته باشید زمان پاسخ بهینه سرور زیر ۲۰۰ ms است. 

 

استفاده از یک شبکه توضیع محتوا (CDN)

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

 

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

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

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

جمع بندی در باره افزایش سرعت صفحه

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

 

 

۰ دیگاه