kobra khojasteh

kobra khojasteh

چگونه زمان بارگذاری صفحه را اندازه گیری می کنید؟

 

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

  • زمان بارگذاری صفحه: مدت زمانی است که بین مرورگر ارسال درخواست به سرور و صفحه تا بارگذاری و رندر کامل می گذرد.
  • Time to first byte: مدت زمانی است که بین درخواست ارسال شده به سرور و مرورگر دریافت اولین بایت داده می گذرد.

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

برای مشاوره طراحی سایت در لاهیجان اینجا کلیک کنید

چرا زمان بارگذاری صفحه مهم است؟

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

داشتن زمان بارگذاری سریع صفحه همچنین می تواند نرخ خزیدن وب سایت شما را افزایش دهد. هر چه صفحات سریع‌تر بارگذاری شوند، گوگل صفحات بیشتری را می‌تواند همزمان بخزد. سرعت بالای صفحه همچنین می تواند تقاضای خزیدن سایت شما را افزایش دهد، به این معنی که گوگل می خواهد صفحات بیشتری را بخزد.

همچنین شایان ذکر است که شرکت هاستینگ و بسته ای که انتخاب می کنید نیز می تواند سرعت سایت شما را کاهش دهد. اگر مانند 37٪ از وب سایت های جهانی، از وردپرس استفاده می کنید، ممکن است بخواهید میزبانی مدیریت شده وردپرس را انتخاب کنید تا در وقت خود صرفه جویی کنید و از کارشناسان مشاوره دریافت کنید.

چگونه زمان بارگذاری صفحه خود را بهبود بخشید

در اینجا 10 نکته سریع با هدف بهینه سازی زمان بارگذاری وب سایت شما آورده شده است:

1. اندازه و فرمت تصویر را بهینه کنید

تصاویر موجود در سایت شما می توانند پهنای باند زیادی را اشغال کنند که بر زمان بارگذاری صفحه شما تأثیر می گذارد. کوچک کردن تصاویر وب سایت خود در HTML کافی نیست زیرا فقط ظاهر تصویر را تغییر می دهد و اندازه واقعی آن را تغییر نمی دهد. از ابزارهای ویرایشگر عکس خارجی برای تغییر اندازه تصاویر مانند فتوشاپ استفاده کنید و آنها را روی 72dpi تنظیم کنید.

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

  • استریپر JPEG و PNG
  • Smush.it
  • بهینه ساز تصویر آنلاین
  • SuperGIF

برای بهینه سازی زمان بارگذاری صفحه خود، ایده آل است که از فرمت های تصویر استاندارد مانند JPG، PNG و GIF استفاده کنید.

2. بهینه سازی وابستگی ها

پلاگین ها: سایتی که به پلاگین نیاز دارد ممکن است سرعت بارگذاری صفحه شما را کاهش دهد. همه افزونه ها غیر ضروری نیستند. به عنوان مثال، افزونه های اشتراک گذاری اجتماعی که این روزها برای هر سایتی ضروری است. با این حال، همیشه بررسی کنید که آیا جایگزین بهتری برای افزونه وجود دارد، مانند استفاده از CMS با افزونه‌های اجتماعی داخلی.

اسکریپت های ردیابی: در حالی که عاقلانه است که آمار ترافیک وب سایت خود را نگه دارید، اما توصیه نمی شود از چندین نرم افزار ردیابی استفاده کنید زیرا ممکن است زمان بارگذاری صفحه را مختل کند. اگر از CMS مانند وردپرس استفاده می کنید، باید به آمار WP اجازه دهید اسکریپت ها را در صفحه شما اجرا کند یا Google Analytics، اما نه هر دو.

نرم‌افزار CMS: اگر از CMS مانند وردپرس استفاده می‌کنید، توصیه می‌شود مرتباً به‌روزرسانی‌های نرم‌افزار را بررسی کنید، اما آنها را در یک وب‌سایت زنده بارگذاری نکنید. ابتدا ارتقاء را روی یک سرور جداگانه انجام دهید تا آنها را آزمایش کنید. در جریان به روز رسانی نرم افزار نیز سرعت سایت را بهبود می بخشد.

3. از فایل های Inline JS و CSS خودداری کنید

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

4. ذخیره سازی را بهینه کنید

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

می‌توانید از سرصفحه‌های Expires  برای مؤلفه‌های استاتیک سایت و سرصفحه‌های Cache-Control برای موارد پویا استفاده کنید. استفاده از این هدرها باعث می شود که اجزای مختلف یک سایت، از جمله تصاویر، شیوه نامه ها، اسکریپت ها و فلش، قابل کش شوند. این به نوبه خود درخواست های HTTP را به حداقل می رساند و در نتیجه زمان بارگذاری صفحه را بهبود می بخشد. همانطور که در مثال زیر نشان داده شده است، با استفاده از هدرهای Expires می توانید مدت زمانی را که اجزای یک صفحه وب می توانند کش شوند کنترل کنید:

انقضا: چهارشنبه، 20 آوریل 2015، ساعت 20:00:00 GMT

اگر سرور شما آپاچی است، می توانید با استفاده از دستورالعمل ExpiresDefault، زمان را برای محتوای کش تعیین کنید. این تاریخ انقضا را به عنوان تعداد معینی از سال از تاریخ فعلی تعیین می کند:

Expires پیش فرض "دسترسی به اضافه 15 سال"

5. از رندر اسکریپت های مسدود کننده خودداری کنید

فایل‌های جاوا اسکریپت را در انتهای بدنه قرار دهید یا از ویژگی «async» برای بارگذاری ناهمزمان آنها استفاده کنید.

6. از تغییر مسیر اجتناب کنید

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

7. G-Zip Encoding را تنظیم کنید

مانند فایل‌هایی که روی رایانه شخصی شما فشرده و فشرده می‌شوند تا حجم کل در هنگام انتقال فایل‌های آنلاین کاهش یابد، فایل‌های سنگین در وب‌سایت شما را می‌توان با چیزی به نام فشرده‌سازی G-Zip زیپ کرد . این باعث صرفه جویی در پهنای باند و زمان دانلود و کاهش سرعت بارگذاری صفحه شما می شود. باید سرور را طوری پیکربندی کنید که محتوای فشرده شده را برگرداند.

8. درخواست های HTTP را کاهش دهید

از CSS Sprites برای کاهش تعداد درخواست های تصویر استفاده کنید. تصاویر پس زمینه را با استفاده از عناصر پس زمینه-تصویر و موقعیت پس زمینه CSS در یک تصویر واحد ترکیب کنید. تصاویر درون خطی را در شیوه نامه های ذخیره شده خود ترکیب کنید. به همین ترتیب، تمام فایل های جاوا اسکریپت خود را در یک فایل واحد و تمام فایل های CSS خود را نیز ترکیب کنید.

9. کوچک سازی جاوا اسکریپت و CSS

کوچک‌سازی فرآیند فشرده‌سازی کد با تغییر نام متغیرها به نام‌های کوتاه‌تر است که به کاهش اندازه آن و زمان بارگذاری بعدی کمک می‌کند. توصیه می کنیم برای این کار از uglify.js استفاده کنید.

10. اندازه کوکی را کاهش دهید

از کوکی ها برای ذخیره داده هایی استفاده می شود که باید بین درخواست ها باقی بمانند. این داده‌ها در هر درخواست ارسال می‌شوند و وقتی بزرگ است به زمان بارگذاری اضافه می‌کنند. از این رو، با کاهش اندازه کوکی ها، حجم داده های منتقل شده را کاهش می دهید و زمان بارگذاری صفحه را کاهش می دهید. کوکی های غیر ضروری را حذف کنید یا اندازه کوکی ها را کاهش دهید.

kobra khojasteh
kobra khojasteh

شاید خوشتان بیاید

پاسخ ها

نظر خود را درباره این پست بنویسید
منتظر اولین کامنت هستیم!
آیدت: فروش فایل، مقاله نویسی در آیدت، فایل‌های خود را به فروش بگذارید و یا مقالات‌تان را منتشر کنید👋