پرش به مطلب اصلی

شتاب‌دهی وب

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

بهینه‌سازی فایل‌های CSS و JavaScript​

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

بهینه‌سازی فایل‌های CSS و JavaScript به‌شکل جداگانه برای هریک از این دو نوع فایل قابل فعال‌سازی است.

برای مدیریت این قابلیت با استفاده از API می‌توانید از نمونه درخواست زیر کمک بگیرید:

curl --location --request PATCH 'https://napi.arvancloud.ir/cdn/4.0/domains/example.com/acceleration' \
--header 'authority: napi.arvancloud.ir' \
--header 'accept: application/json, text/plain, */*' \
--header 'authorization: API KEY 1 2 3 4' \
--header 'Content-Type: text/plain' \
--data '{"status":"on","extensions":["css"]}'

در این درخواست، کلید status دو مقدار on و off و کلید extensions دو مقدار css و js را می‌پذیرد.

فشرده‌سازی تصاویر​

با فعال‌سازی این قابلیت برای هریک از انواع تصویرهای PNG ،JPG و GIF، این فایل‌ها به‌شکل خودکار تبدیل به فرمت Webp شده و به‌دلیل حجم کم‌تر به‌شکل بهینه‌تری بارگذاری می‌شوند.

توجه داشته باشید پیش‌نیاز اعمال تنظیمات شتاب‌دهی، Cache شدن محتوا روی سروهای لبه CDN است؛ به این معنا که فقط محتوای Cacheشده بهینه‌سازی می‌شوند.

برای مدیریت این قابلیت با استفاده از API می‌توانید از نمونه درخواست زیر کمک بگیرید:

curl --location --request PATCH 'https://napi.arvancloud.ir/cdn/4.0/domains/example.com/acceleration' \
--header 'authority: napi.arvancloud.ir' \
--header 'accept: application/json, text/plain, */*' \
--header 'authorization: API KEY 1 2 3 4' \
--header 'Content-Type: text/plain' \
--data '{"status":"on","extensions":["type"]}'

در این درخواست، کلید status دو مقدار on و off و کلید extensions سه مقدار jpeg، png و gif را می‌پذیرد.

تغییر اندازه‌ تصاویر​

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

به کمک قابلیت Image Resize در شبکه توزیع محتوای ابر آروان، می‌توانید تنها نسخه‌ی اصلی یک تصویر را روی سرورهای خود نگه دارید و هر اندازه‌ای از تصویر مورد نظر در سمت مرورگر و یا اپلیکیشن‌های خود را تنها با یک درخواست از CDN دریافت کنید.

این قابلیت روی تصاویر با فرمت‌های JPG ،PNG و WebP قابل پیاده‌سازی است و اگر فرمت تصویر ورودی متفاوت باشد، تغییر اندازه روی آن اعمال نخواهد شد. در فایل‌های GIF نیز تنها اولین فریم تغییر سایز داده می‌شود و به‌عنوان فایل عکس غیر انیمیشنی ذخیره می‌شود.

برای Image Resize محدودیت ابعاد و اندازه‌ی 2MB و 3000px در 3000px وجود دارد. با دریافت تصاویری بالاتر از این ابعاد، تصویر بدون تغییر خواهد ماند. اگر فایل بارگذاری شده فشرده‌ شده باشد (مانند فرمت GZip)، تغییر سایز روی تصویر غیرفشرده‌ اعمال می‌شود.

این قابلیت می‌تواند برای کل دامنه تعریف شود تا برای هر تصویری که در دامنه بارگذاری می‌شود، اعمال شود. هم‌چنین امکان تعریف Image Resize برای قوانین صفحات نیز وجود دارد تا تغییر تصاویر برای قوانین صفحه‌هایی خاص انجام شود. در نظر داشته باشید اگر تنظیمات برای یک Page Rule خاص و کل دامنه به‌شکل همزمان فعال باشد، اولویت Image Resize با تنظیمات مربوط به قانون صفحه خواهد بود.

ساختار درخواست‌ها​

قابلیت Image Resize هم برای کوچک‌ کردن و هم برای بزرگ کردن اندازه‌ی تصاویر به کار می‌رود. ابعاد مورد نظر برای استفاده در Image Resize به‌شکل طول و عرض در Query String دریافت می‌شود. درخواست‌ زیر نمونه‌ای از درخواست‌های Image Resize‌ است.

    example.com/path/to/image.jpg?width=x&height=y

در این درخواست آدرس فایل اصلی به‌شکل https://example.com/path/to/image.jpg و ابعاد دل‌خواه با Width و Height به‌شکل Query String مشخص شده‌اند. برای مثال، تصویر زیر را به‌عنوان ورودی در نظر بگیرید:

حال اگر به همین تصویر با یک ابعاد جدید (به‌عنوان مثال 400x250 پیکسل) نیاز داشته باشیم، این ابعاد را به‌شکل زیر در ادامه‌ی URL فایل اصلی قرار می‌دهیم:

    example.com/path/to/image.jpg?width=400&height=250

و تصویر را به‌شکل Resize شده، مانند تصویر زیر دریافت می‌کنیم. تصاویر پس از Resize شدن، روی سرورهای لبه‌ی CDN کش می شوند.

شیوه فعال‌سازی قابلیت Image Resize​

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

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

هم‌چنین می‌توانید این ویژگی را با استفاده از API مدیریت کنید: 

curl --location --request PATCH 'https://napi.arvancloud.ir/cdn/4.0/domains/example.com/image-resize' \
--header 'authority: napi.arvancloud.ir' \
--header 'accept: application/json, text/plain, */*' \
--header 'authorization: API KEY 1 2 3 4' \
--header 'content-type: application/json' \
--data '{"status":"on"}'

در این درخواست کلید status دو مقدار on و off را می‌پذیرد.