Пам'ятаю, що якось раз мені дістався дуже складний макет, зовсім не заточений для верстання, який потрібно було зробити, природно, гумовим. Хоча на той час я вже був дуже непоганим верстальником, сайт виявився досить складним в плані верстки.
Сайт був розрізаний на досить великі частини, тобто він був багатий графікою, що вже збільшувало час завантаження сторінки. Згодом сайт був збагачений флеш і скриптами.
Результат був такий - поки сторінка вантажиться (швидкість з'єднання 1 або 2 Мбіт була), всі елементи незрозуміло де знаходяться, вилазять якісь огидні баги, і все на очах користувача. Тоді-то і було прийнято рішення, що потрібен скрипт предзагрузкі сторінки: поки сайт вантажиться, користувач бачить гарне віконце, де йому щось показується.
Оскільки навіть зараз дуже багато де сидять не на високошвидкісних лініях (за моїми міркувань не тільки глибинка Росії, але і майже вся Білорусія - там у них з інтернетом біде), то про цей метод варто написати.
Скрипт заміни на JS, яка приховує і показує потрібні шари. При бажанні, його можна винести в окремий файл і підключити. Або просто в шапці його покласти.
І нарешті код, який повинен міститися в боді
Функція preload_page завантажується через подію onLoad і перевіряє чи була ініційована змінна check_preload і якщо так, то виробляє операції над шарами (адже ви завжди пам'ятайте, що 1 - це true, а 0 - це false?).
Наприклад, можна створити дві версії сторінки, з предзагрузкі і без, і там де з предзагрузкі в самому низу дрібними буквами написати, щось типу "якщо ви бачите це вікно більше 20 секунд, то пройдіть по посиланню".
І наостанок картинку для підняття настрою =).
