آموزش طراحی سایت

 10. کش مرورگر را فعال کنید

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

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

در اینجا نحوه توضیح Tenni Theurer، سابقاً یاهو آمده است:

اولین باری که شخصی به وب سایت شما می آید، قبل از اینکه بتواند از صفحه شما استفاده کند، باید سند HTML، شیوه نامه ها، فایل های جاوا اسکریپت و تصاویر را دانلود کند. این ممکن است 30 مؤلفه و 2.4 ثانیه باشد.

تصویر چسبانده شده 0 3

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

در آزمایش Theurer، این تنها سه جزء و 0.9 ثانیه بود که تقریباً 2 ثانیه از زمان بارگذاری کاهش یافت.

تصویر چسبانده شده 0 13

Theurer می گوید که 40 تا 60 درصد از بازدیدکنندگان روزانه سایت شما با حافظه پنهان خالی وارد می شوند، بنابراین بسیار مهم است که صفحه خود را برای این بازدیدکنندگانی که برای اولین بار بازدید می کنند سریع کنید. اما فعال کردن حافظه پنهان می تواند زمان قابل توجهی از بازدیدکنندگان بازگشتی را کاهش دهد و تجربه کاربری بهتری را ارائه دهد.

نحوه تنظیم کش بستگی به این دارد که سایت خود را با وردپرس یا HTML ایستا اجرا کنید.

با W3 Total Cache سرعت وب سایت خود را در وردپرس افزایش دهید

اگر یک سایت وردپرسی دارید، می توانید از افزونه ای مانند W3 Total Cache استفاده کنید تا به راحتی کش را فعال کنید.

پس از نصب آن، در قسمت «تنظیمات عمومی» به «حافظه پنهان صفحه» بروید و کادر کنار «فعال کردن» را علامت بزنید.

کش صفحه w3

این مرحله ساده به خودی خود باید عملکرد سایت را افزایش دهد – اما کارهای بیشتری وجود دارد که می توانید برای بهبود نتایج خود با این افزونه انجام دهید.

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

می‌توانید این گزینه را با رفتن به تنظیمات عمومی > حافظه پنهان مرورگر و علامت زدن کادر کنار «فعال کردن» فعال کنید.

کش مرورگر

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

این ویژگی همچنین در تنظیمات عمومی شما قرار دارد.

کش شی

با این حال، اگر از یک سرور اشتراکی استفاده می کنید، بهتر است این گزینه را غیرفعال کنید. کش کردن اشیاء یک فرآیند فشرده منابع است و می تواند منجر به کاهش سرعت سایت شما شود - دقیقا برعکس آنچه می خواهید با افزونه انجام دهید.

هنگامی که تنظیمات خود را پیکربندی کردید، باید فوراً بهبودهایی را در زمان بارگذاری خود مشاهده کنید. W3 Total Cache ادعا می کند که کاربران آن 10 برابر پیشرفت در نتایج Google PageSpeed ​​و تا 80٪ در پهنای باند پس از پیکربندی کامل افزونه صرفه جویی کرده اند.

اگر یک سایت HTML ایستا دارید، می توانید کش کردن توسط در فایل htaccess. خود را فعال کنید.

می‌توانید خطوط کدی را اضافه کنید که به مرورگرها می‌گوید چه چیزی را در حافظه پنهان نگه دارند و چه مدت آن را ذخیره کنند، که چیزی شبیه به این خواهد بود:

htaccess کش وب سایت خود را سرعت بخشید

این به شما امکان می‌دهد مدت زمانی را که می‌خواهید هر نوع فایل در حافظه پنهان یک بازدیدکننده ذخیره شود، تنظیم کنید.

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

برای همه منابع قابل کش مانند فایل‌های جاوا اسکریپت و CSS، فایل‌های تصویری، فایل‌های رسانه‌ای و PDF، حافظه پنهان را حداقل بین یک هفته تا یک سال تنظیم کنید.

11. اندازه تصویر را کاهش دهید

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

اما حذف کامل آنها یک گزینه نیست.

این را در نظر بگیرید: میانگین تبدیل وب سایت تجارت الکترونیک در حدود 1-3٪ است.

اما این عدد برای برخی از سایت‌ها مانند NatoMounts می‌تواند تا 5 درصد افزایش یابد - که میانگین نرخ تبدیل آن در حدود پنج درصد است که تقریباً 85 درصد از این تبدیل‌ها در تلفن همراه است.

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

این بدان معنی است که اگر می خواهید یک سایت تجارت الکترونیک موفق را راه اندازی کنید، تصاویر کاملاً ضروری هستند.

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

با ابزاری مانند Pingdom می‌توانید ببینید که تصاویر چقدر روی هر یک از صفحات خود تأثیر می‌گذارند. تست سرعت صفحه را اجرا کنید، سپس به «درخواست‌ها بر اساس نوع محتوا» نگاه کنید.

در این مثال می بینید که تصاویر بیش از 40 درصد از محتوای صفحه را تشکیل می دهند.

درصد تصویر

کاهش اندازه آنها احتمالاً می تواند تأثیر زیادی بر مدت زمان بارگذاری صفحه داشته باشد.

در واقع، در یک مطالعه، تغییر اندازه 22 مگابایت تصاویر به 300 کیلوبایت منجر به کاهش 70 درصدی زمان تعامل یا مدت زمانی که کاربر برای تعامل با یک سایت باید منتظر بماند، شد.

فشرده سازی تصویر تاثیر گذار

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

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

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

در مرحله بعد، می توانید فایل های تصویری خود را با چند ابزار مختلف فشرده کنید.

اگر سایت شما بر روی وردپرس اجرا می شود، WP Smush یک گزینه عالی است.

کادر کنار «Automatically smush my images on upload» را علامت بزنید و همه تصاویر جدید شما بدون یک ثانیه کار اضافی فشرده می شوند.

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

سرعت وب سایت خود را wp smush افزایش دهید

اگر از وردپرس استفاده نمی کنید، می توانید از ابزار غیر وردپرسی مانند Compressor.io استفاده کنید.

قبل از افزودن یک تصویر به سایت خود، آن را در این ابزار آپلود کنید و انتخاب کنید که فشرده سازی با اتلاف یا اتلاف می خواهید.

کمپرسور io

(اگر مطمئن نیستید که کدام بهترین است، به خواندن ادامه دهید - فقط در یک دقیقه به آن خواهیم رسید.)

سپس، می‌توانید اطلاعاتی درباره کاهش حجم فایل مشاهده کنید و بتوانید فایل جدید و کوچک‌تر را دانلود کنید.

نتایج کمپرسور IO

پس از اینکه فایل تصویری جدید را ذخیره کردید، می توانید آن را در سایت خود آپلود کنید.

https://leawebsitee.blogspot.com/2021/12/blog-post_24.html