Время загрузки страницы.

den78ru
На сайте с 12.04.2006
Offline
395
635

Вопрос такой.

Вёрстка дивовая.

Есть несколько страниц содержащих множество строк( до 3-х К) в исходном коде. Это меню.

Наблюдаю следующую картину - в ФФ и Опере наблюдается задержка при открытии таких страниц(1,5-2 сек), т.е. браузер сначала получает весь исходник страницы, потом выводит, а ИЕ6 начинает отрисовывать блоки мгновенно, т.е. не дожидается загрузки всего кода.

Поможет ли в скорости загрузки убирание всех переносов строк? Если их 3К, то после убирания переносов строк их будет раза в 3-4 меньше.

Вариант 2 - Как мне объяснили в ФФ и Опере есть фишка, обязывающая браузер получать код до какаой-то комманды, то-ли </body>, то-ли до первого закрывающего </table>, то ли ещё что-то, а только потом начинать отрисовывать.

Есть ли способ заставить их рисовать сразу?

Может это меню вместо дивов разметить таблицей?

И да, вес всей страницы 170кб, она без графики(помимо дизайна который кешируется с предыдущей страницы).

Кто что думает?

Люди не делятся на национальности, партии, фракции и религии. Люди делятся на умных и дураков, а вот дураки делятся на национальности, партии, фракции и религии.
sirota77
На сайте с 08.09.2008
Offline
161
#1
den78ru:
И да, вес всей страницы 170кб, она без графики(помимо дизайна который кешируется с предыдущей страницы).

Имхо стоит пересмотреть концепцию страницы т.к. удаление переносов приведёт к не читаемости кода, а загрузку едва ли ускорит.

Как то пробовал из файла со стилями переносы убрать, концов не найти, а выигрыш в объёме ничтожный.

inse3t
На сайте с 08.05.2006
Offline
84
#2

Может тупо с гзипом отдавать? Имхо самое просто. Если конечно уже не реализована.

Таггу x_x
На сайте с 31.10.2005
Offline
445
#3

Глупое предложение. Может их лучше Аяксом подсасывать? 3к строк на странице многовато во всех смыслах.

На счёт убирания переносов может помочь, не зря иногда вытягивают код в одну строку вообще. Хотя это всё попахивает извратом и неправильностью.

☠️☠️☠️
Varkolak
На сайте с 03.06.2005
Offline
174
#4

таблицы (точнее контент в таблицах) действительно появляются, только после загрузки всего кода.

не совсем понял, но насколько понял:

в меню используйте всегда только списки <ul></ul> это не много ускорит

170кб - это не так то и много.

посмотрите как быстро генерируется страница, может скрипт тупит?

ссылку на сайт скиньте и тогда, можно будет, как то подробнее вопрос обсудить.

html/css/js верстка и разработка сайтов на hostcms (хостцмс) - skype: varkolak1, тел: 89675012935, e-mail: anton.yurzanov@gmail.com
niko_viktor
На сайте с 11.06.2009
Offline
41
#5

Я предлагаю вынести этот объемный код в отдельный ява-скрипт файл.

Таким образом я поступаю на многих своих проектах - страница в браузере отображается сразу же, а код подгружается после. Единственное что придется сделать - продублировать где-нибудь на странице ссылки для поискового робота, т.к. ссылки из js-файлов он не видит.

KNEP.ru (https://knep.ru/) - мой блог Кнеп.ру
den78ru
На сайте с 12.04.2006
Offline
395
#6
Tarry:
Может их лучше Аяксом подсасывать?

В исходнике тогда этого не будет, а с т.з. СЕО наличие их там целесообразно.

niko_viktor:
Я предлагаю вынести этот объемный код в отдельный ява-скрипт файл.

Тоже самое.

den78ru добавил 07.11.2010 в 22:18

Varkolak:
в меню используйте всегда только списки <ul></ul> это не много ускорит

А это мысль, + убрать переносы строк.

C
На сайте с 15.07.2008
Offline
59
#7

170КБ это немного и подгружается наверняка быстро, а проблема в отрисовке страницы. Вот ее и надо решать. Попробуйте сделать меню через <ul>. Если не поможет тогда js.

А вообще минимизацию html (причем не только переносы строк, а еще и кавычки в некоторых местах) и css сделать надо. Это как способ оптимизации, но делать его надо только на продакшен, чтобы исходник было легко редактировать.

D
На сайте с 07.10.2005
Offline
47
#8

Люди правильно советуют

1) Отдавайте страницу в зипе

2) Подгружайте меню после загрузки страницы (аяксом).

Врядли вам нужны все 3К ссылок на главной странице.. Разбейте на части и главные пункты меню загружайте сразу, второстепенные при помощи AJAX

Можно придумать и более экстравагантные решения, допустим - выводить меню перед закрытием тега </body> но позиционировать абсолютно в нужном месте...

den78ru
На сайте с 12.04.2006
Offline
395
#9

Ок, всем спасибо.

А то тут уже домыслы какие-то пошли...

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий