سرفصل های مهم

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

یکی از این ویژگی ها، فشرده سازی فایل های HTML، CSS و JS است.

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

منظور از فشرده سازی یا Minification ، کاهش حجم کدها و markup ها در صفحات و فایل های اسکریپت شماست. این فرآیند یکی از اصلی ترین روش های کاهش زمان لود صفحات و مصرف پهنای باند وبسایت هاست.

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

در صفحه باز شده می توانید با یک کلیک، یکجا تمام فایل های CSS,HTML و JS را فشرده یا Minify کنید.

علاوه بر minify کردن فایل ها، می توانید از قابلیت فشرده سازی به روش Gzip یا Brotli نیز بهره مند شوید.

Gzip | Brotli

Gzip برای فشرده کردن محتوای HTTP قبل از ارسال به کلاینت مورد استفاده قرار می گیرد. این فرآیند ممکن است تا 80% حجم فایل های شما را کاهش دهد که در نهایت زمان لود صفحات را ارتقا داده، و مصرف پهنای باند و Overhead گواهی SSL را نیز کاهش می دهد.

برای کسب اطلاعات بیشتر در خصوص Gzip و Brotli می توانید به این مقاله مراجعه کنید.

جهت فعالسازی فشرده سازی gzip کافیست در بخش شتابدهی وب، گزینه "GZIP و Brotli" را فعال کنید.

این روش، حجم تصاویر شما را نیز کاهش خواهد داد.

تغییر اندازه تصاویر (Image Resize)

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

فرض کنید که ابعاد اصلی این تصویر 600*900 پیکسل است؛ اگر بدون توجه به ابعاد صرفاً این تصویر را درون چنین فضایی بارگذاری کنید، با کندی صفحه و ارورهایی در ابزارهای تست سرعت و سرچ کنسول مواجه خواهید شد. چراکه ابعاد مناسب برای چنین بخشی 200*300 پیکسل است (باید ابعاد دقیق را با inspect پیدا کنید).

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

بهترین راهکار در چنین شرایطی استفاده از تنظیمات image resize در CDN میزبان کلود است.

برای این منظور کافیست گزینه تغییر اندازه تصاویر را فعال کرده و از کوئری استرینگ زیر استفاده کنید:

زمانی که تصویری را در هاست خود بارگذاری می کنید، این تصویر در مسیری شبیه به آدرس زیر ذخیره خواهد شد:

حال اگر بخواهید از این تصویر در چند صفحه مختلف با ابعاد متفاوت استفاده کنید، کافیست آدرس تصویر را همراه با ابعاد مورد نظر در صفحه وارد کنید؛ به این ترتیب:

از این پس تصویر شما با ابعاد ارائه شده در CDN میزبان کلود کش خواهد شد.

لازم به ذکر است که قابلیت تغییر اندازه تصاویر تنها از پلان تجاری به بالا در دسترس است.