معرفی المنتور 3.26: طراحی داینامیک و بهینه سازی عملکرد

سرعت و عملکرد سایت خود را با بهینه‌ سازی CSS و ساختار ساده‌ تر DOM افزایش دهید، محتوای داینامیک را با ویجت Off-Canvas از طریق حلقه شبکه ایجاد کنید و از قابلیت جدید تشخیص AdBlock بهره ببرید.

این نسخه شامل بروزرسانی‌ های هیجان‌ انگیزی است که انعطاف‌ پذیری طراحی را افزایش می‌دهد، سرعت وب‌ سایت را بهینه می‌کند و فرآیند ساخت سایت را بهبود می‌بخشد. از امکان ایجاد محتوای داینامیک با ویجت Off-Canvas در Loop Grids گرفته تا بهینه‌ سازی CSS و DOM، این بروزرسانی بر هوشمند تر و سریع‌ تر شدن وب‌ سایت شما تمرکز دارد.

[Pro] Off-Canvas داینامیک برای حلقه شبکه ای

با انتشار المنتور نسخه 3.26، یکی از پر درخواست‌ ترین ویژگی‌ ها به واقعیت تبدیل شده است: اکنون ویجت Off-Canvas مستقیما به قالب‌ های Loop Grid اضافه می‌شود. این بهبود امکان ایجاد طراحی‌ های تعاملی‌ تر را فراهم کرده و اتصال محتوای پویا به ویجت Off-Canvas را ممکن می‌ سازد.

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

حلقه شبکه ای محصول خود را متحول کنید

ویجت Off-Canvas اکنون می‌تواند از هر فیلد لینکی که در عنوان (Heading)، دکمه (Button)، تصویر (Image) و موارد دیگر وجود دارد، فعال شود. در ادامه یک نمونه کاربرد ارائه شده است:

• وب‌سایت فروشگاهی: تصور کنید یک حلقه شبکه ای شامل محصولات با عنوان، تصویر و توضیح کوتاه نمایش داده می‌شود. می‌توان به هر محصول یک دکمه “مشاهده سریع” اضافه کرد که یک ویجت Off-Canvas را باز می‌کند. درون این ویجت، امکان نمایش توضیحات کامل، قیمت، تصاویر اضافی محصول و حتی دکمه “افزودن به سبد خرید” وجود دارد — همگی به‌ صورت پویا به محصول مرتبط شده‌ اند.
• لیست خدمات: یک فهرست خدمات می‌تواند خلاصه‌ ای از پیشنهاد های مختلف را در قالب یک حلقه شبکه ای نمایش دهد. با کلیک روی یک دکمه، یک ویجت Off-Canvas باز می‌شود که شامل توضیحات کامل، نظرات مشتریان یا حتی یک فرم رزرو خواهد بود.

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

وب‌ سایت‌ های روان‌ تر و سریع‌ تر با بهینه‌ سازی‌ های CSS و DOM

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

بارگیری هوشمند تر CSS

بهینه‌ سازی بارگذاری CSS برای افزایش سرعت وب‌ سایت‌ ها یک گام مهم است و در این نسخه، ویژگی‌ های جدیدی معرفی شده‌ است:

• استایل‌ های شرطی Swiper: استایل‌ های مربوط به کاروسل Swiper اکنون تنها زمانی بارگذاری می‌شوند که ویجت کاروسل در صفحه موجود باشد. این کار 26.7 کیلوبایت CSS اضافی را برای صفحاتی که کاروسل ندارند ذخیره می‌کند و سایت شما را سبک و سریع نگه می‌دارد.
• حجم کوچکتر فایل‌ های CSS: با بهبود نحوه مدیریت استایل‌ ها، اندازه فایل‌ هایی که طراحی شما را پشتیبانی می‌کنند کاهش یافته است. این امر باعث می‌شود صفحات سریع‌ تر بارگذاری شوند و تجربه‌ ای روان‌ تر برای بازدیدکنندگان فراهم شود.

DOM بهینه شده برای عملکرد بهتر

DOM پایه ساختار HTML سایت شماست. یک DOM بزرگ‌ می‌تواند باعث کاهش سرعت رندر صفحات شده و امتیاز Lighthouse شما را تحت تاثیر قرار دهد. المنتور 3.26 با مجموعه‌ ای از بهبود ها این مشکل را برطرف کرده است:

• ویجت‌ های بهینه‌ شده: بسته‌ های اضافی از بیشتر ویجت‌ ها حذف شده‌اند، که ساختار DOM را ساده‌ تر کرده و در عین حال عملکرد اصلی آن‌ ها حفظ شده است.
• عناصر دسترسی: عناصر مخفی برای نرم‌افزار های خواندن صفحه (Screen Reader) با ویژگی‌ های کارآمد تری جایگزین شده‌ اند، که باعث کاهش شلوغی بدون آسیب رساندن به قابلیت استفاده می‌شود.
• مارکاپ ساده‌ شده کاروسل: بسته‌ های خارجی برای ویجت‌ های کاروسل حذف شده‌اند، که به کاهش بیشتر اندازه DOM کمک کرده است.

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

[Pro] تشخیص پیشرفته AdBlock برای پاپ‌ آپ‌ ها

با المنتور 3.26، مدیریت تعامل وب‌ سایت شما با بازدیدکنندگانی که از نرم‌افزار های مسدود کننده تبلیغات استفاده می‌کنند، ساده‌ تر و مؤثر تر شده است. یک تریگر جدید برای تشخیص AdBlock در پنل شرایط نمایش اضافه شده است که به شما این امکان را می‌دهد تا پاپ‌ آپ‌ های خاصی را زمانی که بازدید کنندگان از نرم‌افزار های مسدود کننده تبلیغات استفاده می‌کنند، نمایش دهید. این ویژگی به شما کمک می‌کند پیام‌ های مهمی مانند تشویق کاربران به غیرفعال کردن AdBlock برای تجربه بهتر یا دسترسی به محتوای خاص را منتقل کنید.

برای ارتقاء بیشتر این قابلیت، تگ پویا «بارگذاری مجدد صفحه» به سیستم اضافه شده است. این امکان را به شما می‌دهد تا پاپ‌ آپ‌ های تعاملی و عملیاتی ایجاد کنید، مانند پاپ‌ آپی با دکمه‌ای با عنوان «AdBlock را خاموش کردم». با کلیک روی این دکمه، صفحه مجددا بارگذاری می‌شود تا تجربه بروزرسانی‌ شده مطابق با اقدامات بازدید کننده نمایش داده شود. این بروزرسانی‌ ها با هم، تعامل با کاربران مسدود کننده تبلیغات را به روشی یکپارچه و کاربر پسند ساده‌ تر می‌کنند.

به روز رسانی های اضافی برای المنتور 3.26

• بهبود های دسترسی‌ پذیری: ویژگی‌ ها و مشخصات بروزرسانی‌ شده و بهبود ناوبری با صفحه‌ کلید کمک می‌کند تا صفحات المنتور با کاروسل‌ ها دسترسی پذیرتر شوند، با استاندارد های دسترسی وب هم‌ خوانی داشته باشند و تجربه کاربری فراگیر تری ارائه دهند.
• افزایش پشتیبانی از بلوک‌ های گوتنبرگ در فرانت‌ اند: اکنون رندرینگ بلوک‌ ها در فرانت‌ اند پشتیبانی می‌شود و در هر دو بخش فرانت‌ اند و بک‌ اند قابل مشاهده است، اما امکان ویرایش آن‌ ها با المنتور وجود ندارد.
• بروزرسانی پشتیبانی از سافاری: حداقل نسخه پشتیبانی‌ شده سافاری اکنون 15.5 است که عملکرد و قابلیت‌ های مدرن را تضمین می‌کند.