Каков разумный размер для одной отзывчивой веб-страницы

Question

Я разрабатываю веб-сайт, который предназначен для большого количества больших изображений как background.

Я также использую media-query, потому что он должен быть отзывчивым и иметь различный фон для каждого размера экрана. Общий размер самих изображений: 10MB исключены мелкие изображения, которые могут быть размером до 300KB.

scripts (начальной загрузки, JQuery и пользовательских JS), styles (начальной загрузки и мой пользовательский CSS) и HTML лишь менее 1 МБ .

В заключение я загружаю более или менее 11MB веб-страницу это только указательная страница. Активы уже сжаты и помещены в CDN на моем сервере.

Моя проблема здесь, когда кто-то посетил веб-сайт в первый раз, требуется слишком много времени для загрузки страницы, особенно когда интернет-соединение посетителя медленнее стандартной. Это почти занимает больше, чем 20sec, чтобы загрузить всю страницу в худшем случае более минуты и, очевидно, что-то не так.

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

Здесь, кстати, находится сайт. LINK Спасибо.

Answer 1

11MB WAY слишком большой для любой отдельной веб-страницы. Тем не менее, вы можете получить гораздо лучшую производительность из Symfony с помощью нескольких настроек.

Одна вещь, которую вы можете сделать прямо сейчас, - это использование Assetic для управления вашими файлами активов и их минимизация до их отправки клиенту.

Также убедитесь, что APC запущен на вашем сервере. Вы можете проверить вывод <?php phpinfo(); ?> и выполнить поиск по страницам «APC» или запустить php -i | grep apc в командной строке.

Есть также онлайн-оптимизаторы изображений, просто Google Optimizer, и вы найдете тонны для каждого типа изображения. (Я не могу опубликовать ссылку, потому что этот сайт не позволяет мне опубликовать более двух).

Ссылка

• Symfony Performance Docs
• Symfony Performance Blog Post