Ефект завантаження сторінки
Довго грузиться сайт? І ви не хочете щоб людина бачила як сайт завантажується по частинах, а хочете щоб він бачив тільки повністю завантажений сайт? Тоді цей урок для вас. Тобто відвідувач заходить на сайт і бачить індикатор завантаження, після закінчення якого з'являється сайт з красивим переходом. Може для блогів або порталів використання такого ефекту буде тільки заважати відвідувачам, то на що продають сторінках він буде вельми до речі.
Раніше я писав про індикатори завантаження, тому рекомендую подивитися ще їх:
Ну і ось ще кілька статей про те, що можна зробити за допомогою jQuery:
Ефект при завантаженні сторінки
У чому, власне, суть: коли користувач потрапляє на сайт, він бачить перед собою сірий фон, на якому зображений логотип сайту. Також він бачить індикатора завантаження, який поступово заповнюється. Для індикатора завантаження використовуємо SVG. Після заповнення за допомогою красивого ефекту з'являється вже завантажена сторінка сайту, а область з логотипом плавно зникає.
Ось сторінка після зникнення індикатора завантаження:
розмітка HTML
У нас є блок
Далі йде блок
А зараз сам код:
В яких випадках шапка сторінки вантажиться швидко, а інший контент доводиться чекати? Допоможіть з рішенням ПЖ
Після нового року така проблема спочатку була на мобільних пристроях, а тепер став помічати і на ПК. Хоча швидкість завантаження у сторінки на мобільних 81 на ПК 87.
Шапка вантажиться в частки секунди і далі сторінка не Скрол, доводиться чекати секунди 8 якщо не більше. Може стикалися з подібним?
Можливо, це через те шаблону який використовується. Якщо у Вас в самому верху є слайдер, то, можливо, саме він гальмує завантаження сторінки. Його можна або оптимізувати, або просто замінити іншим елементом.
Також це можливо через тривале очікування відповіді від бази даних. Хоча у Вашому випадку швидше перше.