-
Какие файлы браузер будет загружать во время этого процесса: от ввода URL-адреса в браузере или открытия веб-страницы по ссылке в другом месте до загрузки всей веб-страницы? Во-первых, давайте посмотрим, из каких частей состоит веб-страница? из, 1. Веб-документ — это текст, отображаемый на веб-странице. Это относительно небольшая часть 2. Изображения — это изображения, отображаемые на веб-странице. Изображения занимают большую часть всей страницы. 3. Объекты. Это объекты, такие как Flash, плагины для видео и т. д. 4. Скрипты. . В основном это файл js, 5, таблица стилей, которая управляет эффектом отображения веб-страницы.
Тогда, чем больше размер файла веб-страницы, тем больше времени потребуется браузеру на загрузку страницы с сервера для ее отображения. Это очень плохо для SEO веб-сайта. Для получения информации о конкретном контенте обратитесь к статье SEM «Как скорость загрузки веб-страницы влияет на эффект SEO». Эта статья является относительно всеобъемлющей. Некоторые веб-сайты могут быть затронуты CMS. быть связано с сервером. Строка состояния браузера всегда находится в состоянии запроса. Это также следует отметить. Таким образом, для веб-сайта общий размер файла включает в себя упомянутое выше содержимое, HTML, внешний CSS, внешний JavaScript, а также размер некоторых файлов, таких как изображения, звуки, видео, Flash и т. д. на веб-странице. Все эти файлы HTML, CSS и Javascript являются текстовыми. Эти файлы можно форматировать после написания веб-страницы. Однако современные веб-серверы имеют функции сжатия текста, которые могут установить администраторы.
Однако такие файлы, как изображения, звуки, видео и флэш-файлы, занимают большую часть веб-сайта, и эти файлы намного больше текстовых файлов. Они являются важным фактором, влияющим на скорость загрузки во время процесса открытия веб-сайта.
Это размер домашней страницы отечественного торгового центра B2C.
Это размер домашней страницы Taobao.
163 Размер домашней страницы, по сравнению с веб-сайтами порталов, страницы веб-сайтов торговых центров действительно относительно велики. На изображении выше показан плагин для Firefox. В веб-разработчике есть функция проверки размера веб-страницы. Этот инструмент очень полезен для технического анализа веб-сайтов. Он имеет мощную функцию. Его могут установить нуждающиеся друзья. и использовать его. Это также требует много SEO. Анализ основного кода веб-сайта, анализ веб-сайта конкурентов и т. д.
Каков правильный размер каждой страницы в обычных обстоятельствах? Даже так называемые эксперты обычно расходятся во мнениях по этому вопросу. Если на вашем веб-сайте требуется графика профессионального качества, то невозможно соблюдать «правило 20 тысяч», например, в современном мире. В торговых центрах электронной коммерции эффект обработки изображений и ощущение платы за продажу различаются. Например, на некоторых веб-сайтах создаются специальные темы, большинство из которых представляют собой изображения. При разработке страницы вы можете разрезать большие изображения. небольшие изображения, такие как домашний торговый центр Moonbas, хотя это особая тема, они делят большую картину на множество мелких частей, поэтому, когда пользователь открывает веб-страницу, веб-страница загружается быстрее, а веб-сайт открывается быстрее. сильно повлияет на пользователя. Представьте себе, сайт открывается очень медленно, как долго вы обычно ждете? Не позволяйте пользователям ждать слишком долго, иначе вы потеряете потенциальных пользователей или заказы.
Итак, что же лучше всего сделать, чтобы похудеть на страницах вашего сайта?
1. Поместите большинство таблиц стилей CSS и файлов javascript во внешние файлы веб-страницы, запишите их в отдельный файл и ссылайтесь на эти файлы только при первом открытии веб-сайта перед загрузкой. Затем любая страница веб-сайта может повторно использовать эти файлы без необходимости их повторной загрузки. Хотя эти файлы могут быть не очень большими, если их приходится загружать каждый раз при открытии новой страницы, это также является частью экономии пропускной способности пользователя.
2. Если возможно, постарайтесь использовать графику, аудио и видео на разных страницах. Эти файлы также загружаются при первом использовании.
3. Не используйте ненужные изображения, анимацию и звуки. Будь то для практичности или для повышения красоты веб-сайта, каждый файл должен иметь причину своего существования. Некоторые изображения используются для заполнения пробелов, например, эти изображения. можно удалить.
4. Старайтесь использовать картинки небольшого размера вместо картинок большого размера, так как при тех же обстоятельствах маленькие картинки загружаются быстрее. Если у вас нет высоких требований к пикселям изображения, вы можете использовать картинки в формате gif. Фоновое изображение можно повторять в небольших размерах вместо использования большого изображения в качестве фона. Например, на некоторых сайтах торговых центров изображения на тематических страницах могут быть разрезаны на изображения меньшего размера, что может ускорить открытие вашего сайта. веб-страница.
5. Минимизируйте использование изображений для эффектов перелистывания в кнопках навигации, поскольку необходимо загружать разные изображения. И наоборот, если используются текстовые ссылки, того же эффекта можно добиться, используя CSS для управления перелистыванием.
Выше в основном перечислены соответствующие факторы, влияющие на размер веб-страницы. Возможно, некоторые из них не были найдены. Я надеюсь, что некоторые друзья узнают больше факторов, влияющих на оптимизацию веб-страницы.
Информация об авторе: блог Лю Юньвэя
Спасибо Китвер за ваш вклад