Чтобы страница загружалась целиком.

[StOK]

Уважаемые форумчане, пожалуйста, подскажите, как сделать так, чтобы html-одностраничник загружался целиком, а не по частям. Я только начала создавать простые html-странички с фоном-картинкой и формой подписки. При загрузке страницы сначала грузится таблица, а потом картинки и далее - фон-картинка. Причем частями загружаются и те странички, которые создаю с отдельными страницами стилей и те, в html-код которых вписываю стили. Фон картинка небольшая от 250КБ до 400КБ. Ее размеры примерно 1280х895. 

[ShumNo]

чем меньше скорость подключения к сети тем более фрагментированна идет загрузка (вспомним модемы и телефонную линию). Браузер по своей специфике загружает контент в несколько поток одновременно и эти потоки ограничены. Если у вас маленькая скорость интернета и есть скажем 4 картинки, то если браузер дошел до загрузки картинок во все свои потоки, то пока он не загрузит их следующие элементы он загружать не будет.

 

Именно по этой причине стилевой файл должен быть в head

 

Вы можете сделать танец с бубном и сделать прелоадер загрузки - но я бы не сказал это хорошо - скорее очень плохо.

В вашем случае видимо нужна оптимизация - может у вас в коде тихий ужас. Или интернет аля из 90-х

[Switch74]

А почему прелоадер - это не есть хорошо?

[ShumNo]

Прелоадер используют для большого кол-ва картинок когда они не попадают в визуальный экран. Делают это для того чтобы экономить запросы к серверу и трафик. То есть скажем у нас 200 картинок (а то и больше), но человек скролить вниз страницу не стал - за чем нам 200 запросов к серверу + еще несколько мегабайт трафика для пользователя и нашего канала? это лишнее, именно для этого и делают прелоадер для картинок.

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

 

В случае с прелоадером, он видит какой-то элемент (сам прелоадер визуальный) и ждет пока 2-5 (50) мегабайт трафика до него весь дойдет, если у человека низкая скорость интернета, то во многих случаях он подумает, что все зависло и уйдет с этой страницы - этим и плохо использовать прелоадер. Человек ушел, поведенческие факторы летят в тартарары, трафик проседает, денег меньше и т.д

 

Да, можно прикрутить к прелоадеру шкалу + %, но за чем мучить человека, чтобы вместо того чтобы пользователь мог что-то читать на нашем сайте он будет смотреть как бегут % загрузки неивестно чего (может ему вирус загружается потому как для обывателя страница не должна загружаться, а должна открываться, а загружаются с % у нас только файлы)

 

Да, остается 1% когда прелоадер может быть полезен при загрузке всей страницы, но это редкий случай

[StOK]

чем меньше скорость подключения к сети тем более фрагментированна идет загрузка (вспомним модемы и телефонную линию). Браузер по своей специфике загружает контент в несколько поток одновременно и эти потоки ограничены. Если у вас маленькая скорость интернета и есть скажем 4 картинки, то если браузер дошел до загрузки картинок во все свои потоки, то пока он не загрузит их следующие элементы он загружать не будет.

 

Именно по этой причине стилевой файл должен быть в head

 

Вы можете сделать танец с бубном и сделать прелоадер загрузки - но я бы не сказал это хорошо - скорее очень плохо.

В вашем случае видимо нужна оптимизация - может у вас в коде тихий ужас. Или интернет аля из 90-х

 

Спасибо за Ваш ответ! Перемещу стили в head. Могли бы Вы уточнить, в чем заключается оптимизация? Я в курсе, как оптимизировать сайт и отдельную страницу под поисковики. Но Вы видимо имеете ввиду оптимизацию под различные браузеры? 

[Switch74]

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

[ShumNo]

Это все стандартные вещи целью которых максимальная скорость конечного рендера страницы в браузере пользователя. Вещи простые - сжатие, объединение, выкинуть лишнее и т.д

Так же проверить и исправить все что скажет гугл https://developers.google.com/speed/pagespeed/insights/