Как да ускорите зареждането на уебсайт в Adobe Muse
Тази статия ще говори заускоряване на зареждането на сайт, създаден в Adobe Muse. По-конкретно за целева страница на продукт или подобна. Обикновено такъв сайт е повече или по-малко стандартна целева страница, която в допълнение към обичайните блокове има разделПродукти или Каталог с услуги. Този каталог изглежда така, снимката може да се увеличи.
И така, нека да видим защо зареждането на такава страница отнема много време. Нека оставим оптимизацията на изображения, шрифтове, друго съдържание и избора на хостинг за друг път, нека да преминем към Каталога. Както показва практиката, той е този, който създава основното натоварване и не позволява на целевата страница да се зарежда бързо. Това се дължи на големия брой стандартни джаджи в описанието на продукта. Това могат да бъдат плъзгачи, композиции, форми в лайтбокс в различни комбинации. Снимката може да се увеличи.
Цялото съдържание на тези блокове, а често има много от него,зарежда незабавно! И ако има много стоки в каталога, тогава сайтът може да зареди4-9 секунди. Такава скорост е неприемлива за продаващ сайт, трябва да признаете, че не всеки посетител ще чака толкова дълго страницата да се зареди и просто ще затвори сайта.
В потвърждение на думите си давам екранна снимка от такъв сайт, проверена от услугата за тестване на скоростта на зареждане на сайта Webpagetest.org. Както можете да видите, изобразяването на страницата започва на 5-тата секунда, а за пълно зареждане трябва даизчакате половин минута! И нищо чудно - броят на елементите на страницата е повече от4 хиляди! Трудно е да се нарече такъв сайт продаващ 🙁 Снимката може да се увеличи.
Решението е очевидно - намалете броя на елементите или отложете зареждането им. За този тип сайт,джаджи от MuseTT.ru, които ви позволяват да направите това. Един от тях е джаджатаFunBox. Работи така. Поставяме цялото съдържание, включено в продуктовата карта, на отделни страници. Тази страница включва снимки, описание, формуляр за поръчка и др. И джаджата ви позволява да отворите тази продуктова карта в лайтбокс. Лайтбоксът реагира бързо и автоматично се настройва към всяка резолюция на екрана.
Проектът в Muse изглежда така ↓
И на сайта се отваря отделна страница с основнатав лайтбокс, така↓
След като анализираме такъв сайт, получаваме следното:
- Времето за зареждане и изобразяваненамалено с 4-5 пъти
- Броят на елементитее намален с 10 пъти
Екранната снимка може да бъде увеличена ↓
Сух остатък
Поставяме цялото съдържание от продуктовите карти на отделни страници, поставяме джаджа и получаваме печалба - увеличение на скоростта на изтегляне с 4 пъти!