210 Галерея WordPress темы
Шаблоны веб-сайтов галереи созданы для веб-сайта с портфолио фотографий, веб-сайта полноэкранной фотогалереи, сайта портфолио агента по недвижимости, портфолио фотографа, веб-сайта фотографии и т. Д. HTML-шаблон веб-сайта фотогалереи является адаптивным, и вы можете увидеть, как все будет смотреть на лендинге. Вы можете самостоятельно изменить портфолио с помощью конструкторов сайтов. Веб-шаблоны галереи имеют полностью стандартный веб-дизайн с полной кросс-браузерной функциональностью. Лучшие простые шаблоны сайтов фотогалереи с интересными цветами и графикой, а также набором специальных опций. Изучите популярные категории лучших бесплатных шаблонов веб-сайтов HTML, шаблоны веб-сайтов для фотографий, темы WordPress для портфолио, шаблоны WordPress для фотогалереи, бизнес-темы WordPress, веб-шаблоны для фотографий, лучшие шаблоны веб-сайтов для галерей, бесплатные шаблоны HTML, современные веб-шаблоны для веб-студий, графические ресурсы с одностраничными макетами портфолио фотографий, шаблонами начальной загрузки, шаблоном веб-сайта фотогалереи для галереи профессионального фотографа, шаблоном веб-сайта фотографии, адаптивными шаблонами веб-сайтов WordPress и т.
Вы даже можете загрузить простой одностраничный HTML-шаблон портфолио веб-сайта с его контактной формой. Классные HTML-шаблоны дизайн-студии входят в популярные категории. Шаблон веб-сайта галереи с плагинами WordPress дает вам возможность добавить галерею изображений в ваш адаптивный шаблон веб-сайта. html5 оптимизирован для поискового продвижения, обеспечивает быструю загрузку сайта, поддерживает интеграцию с социальными сетями. Бесплатный шаблон фотогалереи подходит для туристического агентства, портфолио, современного бизнеса и личного использования. Вы можете добавить контактную информацию и значки социальных сетей в шаблон целевой страницы фотографии html5.
На Nicepage вы можете найти шаблон веб-сайта портфолио, адаптивную тему WordPress для художественной галереи, HTML-шаблон фотографии, шаблон фотографии для студии веб-дизайна, креативный макет портфолио, тему портфолио для младшего дизайнера, макет с градиентным веб-дизайном, видеоресурсы с фотографией. шаблон, шаблон веб-сайта html5, тема WordPress с более быстрым веб-дизайном, бесплатный шаблон фотогалереи, идеальный шаблон художественной галереи HTML, многостраничный шаблон html5, шаблон целевой страницы фотогалереи, HTML-шаблон фотографа, шаблон портфолио фотографа, тема WordPress для креативного агентства, WordPress для творческой фотографии тема, шаблон с создателем логотипа недвижимости, тема WordPress для художественной галереи и так далее.
Темы WordPress для фотографий позволяют добавить на сайт раздел интернет-магазина. Вы можете заниматься продажей копий своего искусства. Вы можете редактировать каждый блок темы WordPress портфолио или элемент пользовательского интерфейса с помощью конструктора страниц. Адаптивный полноэкранный дизайн шаблона Bootstrap адаптирован для шаблона художественной галереи, выставки скульптур, фотовыставки. У шаблонов страниц есть красивые и супер функциональные опции, набор готовых дизайнов и надежные опции блога. Шаблоны Joomla отличаются оригинальностью размещения изображений на главной странице. С помощью админских шаблонов и конструкторов сайтов вы создадите удобные условия для бесплатного редактирования шаблонов. Если вы профессиональный фотограф или фрилансер, ищущий бесплатные шаблоны веб-сайтов фотогалереи с wpbakery и слайдером elementor page builder, вам следует остаться на нашем сайте. Создайте шаблон фото портфолио и адаптивный шаблон bootstrap 4 студии дизайна html5, вы можете сделать бесплатную фотовыставку, полноэкранную галерею, галерею фото портфолио.
Плагины для WordPress: обзор популярных модулей
Главная
Плагины
Clearfy PRO Nulled: скачиваем плагин от WPShop бесплатно или все-таки нет?
0351Ольга
Оптимизировать сайты необходимо для удаления лишнего мусора и минимизирования нагрузки во время захода
Плагины
WPRemark: обзор WordPress-плагина для создания блоков внимания на сайтах
0583Ольга
Любой веб-мастер хочет удержать пользователя на своем сайте как можно дольше. А если это коммерческая
Плагины
My Popup: обзор всех возможностей плагина по настройке всплывающих окон на WordPress-сайтах
0657Ольга
Для владельцев сайтов, созданных на базе WordPrees, очень сложно было найти недорогие и рабочие инструменты
Настройки
PopUp окна в WordPress. Часть 1
58.8к.Юрий
Однажды мой знакомый спросил: А не мог бы ты написать что-нибудь на тему всплывающих окон в WordPress?
Плагины
Как установить карусель товаров woocommerce для рекомендуемых и похожих товаров?
107.
3к.Dan Zakirov
В плагине woocommerce существуют похожие товары. Они появляются автоматически в карточке товара при условии
Плагины
Плагин Clearfy Pro — улучшаем SEO и удаляем лишний мусор из исходного кода
03.1к.Юрий
WordPress — одна из самых простых в освоении систем управления сайтом. Но чтобы сделать работу
Плагины
Плагин LuckyWP Scripts Control
04к.Dan Zakirov
Как вы думаете, на официальном репозитории WordPress много хороших плагинов, которые разработали именно
Плагины
Плагин Orbit fox companion
03.4к.Юрий
Orbit fox companion – плагин от Themeisle Плагин orbit fox companion представляет собор набор инструментов
Плагины
Сайт доступен по протоколу HTTPS
20Юрий
С радостью сообщаем, что теперь наш сайт доступен по новому протоколу. Благодаря специальному плагину
Плагины
Как легко сконвертировать документ MS Word в WordPress
60Юрий
Многие привыкли работать со файлами MS Word – они уже давно де-факто являются стандартом документов.
Плагины
Как выводить записи WordPress в случайном порядке
60Вячеслав aka CrazyMoon
Как известно, по умолчанию WordPress отображает записи в хронологическом порядке, от новых к старым.
Плагины
Как добавить на сайт WordPress страницы Google AMP
80Вячеслав aka CrazyMoon
AMP (Accelerated Mobile Pages) — придуманная корпорацией Google технология отображения поисковой выдачи
Плагины
Page Builder — бесплатный Drag’n’Drop плагин для WordPress
80Вячеслав aka CrazyMoon
Причины популярности Drag-and-Drop плагинов для WordPress очевидны — большинство людей, начинающих «вести»
Плагины
Как обновить все ссылки WordPress после смены хостинга или доменного имени
50Вячеслав aka CrazyMoon
Нечасто, но все же бывает что сайт «переезжает», меняется хостинг или даже доменное имя. Сегодняшняя
Плагины
Способы размещения фото в записи WordPress
00Вячеслав aka CrazyMoon
Сегодняшний короткий пост посвящен «оптимизации использования места на странице».
Одной из причин огромной популярности CMS WordPress является то, что для нее в последние годы было создано большое количество плагинов для самых разных нужд. В этом разделе представлены описания существующих подключаемых программных модулей, рекомендации по их установке, настройке и использовании.
Раздел «Плагины» — это несколько сотен страниц информации, которая будет полезной как начинающим, так и опытным вебмастерам. Для удобства пользователей поиск в разделе можно выполнять как через соответствующую строку, так и по тегам.
- SEO. Оптимизация сайта для выведения его в первые строчки поисковой выдачи – необходимое условие повышения посещаемости и, как следствие, увеличения его доходности. Как оптимизировать свой блог. Какие возможности предоставляет пользователям Yoast SEO (лучший, по мнению многих вебмастеров, плагин WordPress для SEO). Как проверить статистику сайта. Метатеги, ключевые слова, индексация… Эта и другая полезная информация охвачена данным тегом.
- CSS. Стиль и оформление сайта непосредственно влияет на его восприятие посетителем – задержится ли он надолго или покинет страницу через несколько секунд. Как работать со стилями. Какие инструменты обеспечат корректное отображение сайта в разных браузерах и на различных устройствах. Как правильно подключать скрипты и какие плагины в этом помогут. Все здесь.
- Социальные сети. «ВКонтакте», Facebook, Instagram и другие соцсети давно перестали быть просто средством развлечения и общения между друзьями. Сегодня это мощный инструмент для продвижения собственного блога или интернет-магазина. Какие плагины сделают работу с соцсетями комфортной? Полезную информацию вы найдете по этому тегу.
ТемаЭто – лишь часть категорий, присутствующих в разделе. Каждый день разработчики предлагают новые плагины для WordPress, облегчающие труд вебмастеров. Их обзоры будут регулярно появляться на страницах данного раздела.
Gateway — WordPress.
comGateway — это идеальное сочетание класса и элегантности, традиционный, но настраиваемый дом для вашего контента. Укрепите свой бренд с помощью логотипа сайта, добавьте смелое изображение заголовка и призыв к действию, а также продемонстрируйте свои лучшие публикации или видео с помощью специального шаблона главной страницы. Читайте дальше, чтобы узнать, как максимально использовать уникальные функции Gateway .
Пользовательское изображение заголовка
Абстрактные и декоративные фоновые изображения лучше всего подходят в качестве пользовательских изображений заголовка. Рекомендуемый размер заголовка для Шлюз имеет ширину 2560 пикселей и высоту 640 пикселей.
В Настройщике, в Параметры темы → Общие , вы можете установить Отображение изображения заголовка двумя различными способами:
- Фиксированный формат, чтобы изображение оставалось на месте, пока остальная часть страницы свитки
- Формат прокрутки, чтобы изображение прокручивалось вместе с остальной частью страницы
При выборе фиксированного формата рекомендуемый размер заголовка для шлюза имеет ширину 2560 пикселей и высоту 1000 пикселей.
Обратите внимание, что на маленьких экранах изображение будет обрезано, а не уменьшено, чтобы соответствовать доступной области.
Шаблон домашней страницы
Используйте шаблон домашней страницы (увиденный в действии на демонстрационном сайте Gateway ), чтобы продемонстрировать свою лучшую работу с помощью жирного заголовка, кнопки призыва к действию, избранного контента или видео.
Вот как активировать шаблон домашней страницы:
- Создайте новую страницу и назначьте ей шаблон «Домашняя страница» в разделе «Атрибуты страницы». Название и содержимое этой страницы будут отображаться под заголовком, например:
- Если хотите, назначьте странице избранное изображение, которое будет отображаться в качестве фона в заголовке. Если избранное изображение не назначено, вместо него будет использоваться пользовательское изображение заголовка.
- Опубликовать страницу.
- Установите страницу в качестве статической главной страницы.
Теперь, когда шаблон домашней страницы активен, перейдите к настройщику, в
Титул героя и содержание героя
Установите для своего сайта Hero Title и Content в предоставленных полях. Они будут отображаться в области заголовка под брендом вашего сайта:
URL-адрес видео и видеоконтент
Шаблон домашней страницы предлагает область видео. Чтобы показать видео, вставьте его URL-адрес — либо загрузив его на свой сайт, либо из поддерживаемой службы (например, Vimeo) — и добавьте описание в поле «Видеоконтент».
Избранное содержимое
Шлюз позволяет вам выделить до трех сообщений или страниц, пометив их, а затем введя этот тег в область избранного содержимого настройщика. Любые избранные изображения, назначенные этим сообщениям или страницам, будут отображаться в области избранного контента.
Если тег не указан, в шаблоне домашней страницы будут отображаться ваши последние три сообщения, за исключением прикрепленных сообщений.
Кнопка «Призыв к действию»
Шлюз позволяет создать кнопку с настраиваемым текстом, которая будет направлять посетителя на другую веб-страницу или сайт при нажатии на нее. Вы можете посетить пример страницы, чтобы увидеть, как это работает.
Чтобы добавить кнопку «Призыв к действию», вставьте следующий код в редактор HTML или текстовый виджет:
Текст кнопки
Замените http://example.com URL-адресом по вашему выбору и Текст кнопки с тем, что вы хотите, чтобы кнопка сказала.
Шаблон страницы полной ширины
Шлюз поддерживает шаблон страницы полной ширины, при применении которого на странице не будет боковой панели, как показано на этом примере страницы.
Шлюз также поддерживает следующие функции:
- Логотип сайта
- Пользовательское меню
- Виджеты
- Пользовательский заголовок
- Пользовательский фон
- Полноэкранный шаблон страницы
Краткие характеристики ( все измерения в пикселях )
- Ширина основного столбца составляет
748или1152в шаблоне страницы полной ширины. - Ширина боковой панели
288. - Ширина области виджета нижнего колонтитула зависит от количества активных столбцов и ширины экрана.
- Логотип сайта имеет максимальную ширину
500и максимальную высоту150. - Рекомендуемый размер заголовка:
2560пикселей в ширину и640пикселей в высоту, если для отображения изображения заголовка установлено фиксированное значение, и2560пикселей в ширину и1000пикселей в высоту, если установлено прокрутку.
бизнес, личный, фрилансер, отзывчивый, профессиональный, фото, фотографии, блог, галерея, фотография, фотограф, путешествие, путешествия, образ жизни
10 самых быстрых тем WordPress в 2023 году (бесплатно и платно)
Вы ищете для быстрой темы WordPress, чтобы начать свой следующий проект? Мы сделали за вас тяжелую работу и провели несколько тестов скорости на наиболее часто используемых темах WordPress.
В этом руководстве мы расскажем о производительности легких и более настраиваемых тем, таких как Divi или Avada. Мы также покажем вам, как оптимизировать вашу тему и сделать ваш веб-сайт быстрее, что должно помочь вам выбрать правильные инструменты для вашего следующего проекта разработки.
Для нашего анализа мы выбрали самые популярные темы на рынке (бесплатные и платные), и вот наш краткий список ниже:
5 облегченных тем
- Hello
- Astra
- GenerateWP
- 90 Kadence
5 тем, поставляемых с конструктором страниц
- Avada (конструктор Fusion)
- Divi (конструктор Divi)
- BeTheme (BeBuilder)
- Конструктор страниц (Elementor page)0026
- Salient (конструктор страниц WPBakery)
Давайте рассмотрим и рассмотрим результаты производительности для каждой темы:
10 самых быстрых тем WordPress + тестовые данные для их конструктора страниц.
Он занимает всего 6 КБ ресурсов памяти, поэтому возможности настройки ограничены, если вы используете только тему. Тема Hello — Источник: Elementor Результаты производительности для темы Hello:
- PageSpeed Мобильный счет: 90/100
- Первая удовлетворенная краска: 3,1S
- Самая большая довольная краска: 1,8S
- Совокупный сдвиг.
- Общее время блокировки: 0 мс
- Общее время загрузки: 2,2 с
- Общий размер страницы: 990 КБ
- HTTP-запросы: 13
его легкий код, удобные функции и тысячи готовых к использованию шаблонов.
Тема Astra — Источник: WordPress.orgРезультаты производительности для темы Astra:
- Оценка PageSpeed для мобильных устройств: 91/100
- Первая отрисовка контента: 2,1 с
- Самая большая отрисовка контента5 Накопительная: 1,26 с 9000 Сдвиг: 2,8 с
- Индекс скорости: 1,3 с
- Время до взаимодействия: 1,4 с
- Общее время блокировки: 0 мс
- Общее время загрузки: 2,1 с
- Общий размер страницы: 890 КБ
- HTTP-запросы:
- 0026
3.
OceanWPЛегкий и легко расширяемый, он позволит вам создать веб-сайт практически любого типа. Это полностью адаптивная тема, которая отлично смотрится на мобильных устройствах и имеет собственные инструменты перевода. Он имеет множество шаблонов, созданных с помощью Gutenberg (редактор WordPress) и популярных сборщиков, таких как Elementor или Beaver Builder.
OceanWP — Источник: WordPress.orgРезультаты производительности для темы OceanWP:
- Оценка PageSpeed для мобильных устройств: 88/100
- Первая отрисовка содержимого: 1,1 с
- Максимальное отрисовка содержимого: 2,9 с
- Совокупное смещение макета: 1,8 с
- Индекс скорости: 2,3 с Время загрузки: 3,2 с
- Общий размер страницы: 996 КБ
- HTTP-запросы: 13
размер вашей страницы). Тема в полной мере использует редактор блоков (Gutenberg), который дает вам больше контроля над созданием контента.
Тема GeneratePress — Источник: WordPress.
org Результаты производительности для темы GeneratePress:
- Мобильная оценка PageSpeed: 86/100
- Первая отрисовка контента: 3,3 с
- Самая большая кумулятивная отрисовка контента: 9026 с Сдвиг: 2,8 с
- Индекс скорости: 1,3 с
- Время до взаимодействия: 2,5 с
- Общее время блокировки: 0 мс
- Общее время загрузки: 3,1 с
- Общий размер страницы: 890 КБ
- HTTP-запросы:
- 0026
5. Kadence
Kadence Theme — это легкая, но полнофункциональная тема WordPress для красивых быстро загружаемых сайтов. Разработчик сделал демонстрации доступными и создал конструктор верхнего и нижнего колонтитула с помощью перетаскивания, чтобы создать любой тип верхнего колонтитула за считанные минуты. Многоцелевая библиотека шаблонов имеет различные дизайны, которые подходят для сотен проектов.
Тема Kadence – Источник: WordPress.orgРезультаты производительности темы Kadence:
- Мобильный рейтинг PageSpeed: 89/100
- Первая отрисовка содержимого: 3,1 с
- Максимальное отрисовка содержимого: 1,9 с
- Совокупное смещение макета: 2,9 с
- Индекс скорости: 1,3 с
- Время до взаимодействия: 1,9 с 30 0 0 Время блокировки: 900
- Общее время загрузки: 2,8 с
- Общий размер страницы: 898 КБ
- HTTP-запросы: 10
⚠️ Важно: ). Вот почему они находятся в отдельном разделе, а результаты взяты с нового тестового сайта с похожими элементами во всех конструкторах страниц. |
6.
Avada (+ Fusion Builder)Тема №1 по продажам на Envato в течение многих лет. В библиотеке есть тысячи простых в настройке шаблонов. Это конструктор веб-сайтов, который позволяет вам создавать свой сайт от верхнего колонтитула до нижнего колонтитула благодаря мощному Fusion Builder. Avada на 100% поддерживается той же командой и не зависит от сторонних инструментов.
Тема Avada – Источник: ThemeforestРезультаты производительности для темы Avada:
- PageSpeed Мобильный счет: 87/100
- Первая удовлетворенная краска: 3,1S
- Самая большая довольная краска: 1,5S
- Совокупный сдвиг.
- Общее время блокировки: 0 мс
- Общее время загрузки: 2,4 с
- Общий размер страницы: 998 КБ
- HTTP-запросы: 12
его визуальный конструктор страниц.
Elegant Themes была одной из первых компаний, внедривших WYSIWYG в WordPress. Вы можете построить все визуально, используя платформу Divi, даже не касаясь ни одной строки кода (и не устанавливая и не настраивая какие-либо плагины для добавления дополнительных функций). Divi – Источник: Elegantthemes.com Результаты производительности для темы Divi:
- Оценка PageSpeed для мобильных устройств: 84/100
- Первая отрисовка контента: 4,1 с
- Максимальный Shift Contentful 2 Paintative: 0,26 с
- : 1,8 с
- Индекс скорости: 1,4 с
- Время до взаимодействия: 1,1 с
- Общее время блокировки: 0,1 мс
- Общее время загрузки: 3,1 с
- Общий размер страницы: 1,2 МБ HTTP
- запросов:0026
8. BeTheme (+ BeBuilder)
BeTheme — это многоцелевой конструктор веб-сайтов и самая продаваемая тема WordPress с более чем 650 готовыми веб-сайтами (с очень современным и трендовым дизайном).
Их BeBuilder также полностью совместим с WooCommerce, и недавно они запустили конструктор запросов для создания динамических веб-сайтов.
9. The7 (+ Elementor)
Это самые продаваемые темы Elementor, которые предлагают множество настроек из панели инструментов WordPress. The7 имеет более 60 готовых веб-сайтов-пустышек с эксклюзивными шаблонами для Elementor, WPBakery Page Builder и Slider Revolution.
The 7 – Источник: the7.ioРезультаты производительности для темы The7:
- Мобильный рейтинг PageSpeed: 81/100
- Первая отрисовка контента: 2,4 с
- Максимальный Shift5 Contentful Paintative: 1,8 с 9000 : 2,9 с
- Индекс скорости: 1,1 с
- Время до взаимодействия: 1,2 с
- Общее время блокировки: 0 мс
- Общее время загрузки: 3,8 с
- Общий размер страницы: 1,1 МБ 9002 HTTP запросы:0296 9002
- Оценка PageSpeed для мобильных устройств: 82/100
- Первая отрисовка контента: 2,5 с
- Максимальное отрисовка контента: 1,7 с
- Совокупный сдвиг макета: 1,8 с
- Индекс скорости: 1,9 с Время блокировки: 0,35 мс
- Общее время загрузки: 3,8 с
- Общий размер страницы: 987 КБ
- HTTP-запросы: 13
- All the themes go from acceptable to very good for their grade on PageSpeed Insights . Есть либо в оранжевом, либо в зеленом, в красном нет по производительности.
- Astra кажется самой быстрой из легких тем с 91/100 на мобильных устройствах и загрузкой страницы 2,1 с.
- Avada (с собственным компоновщиком) также занимает первое место в списке с 87/100 на мобильных устройствах и загрузкой страницы 2,4 с.
- Оценка PageSpeed для мобильных устройств
- First Contentful Paint
- Largest Contentful Paint
- Cumulative Layout Shift
- Speed Index
- Time To Interactive
- Total Blocking Time
- Total Loading time
- Total page size
- HTTP requests
- Hello
- Astra
- OceanWP
- GeneratePress
- Kadence
- Avada (Fusion Builder)
- Divi (Divi Builder)
- BeTheme (BeBuilder)
- The 7 (конструктор страниц Elementor/WP Bakery)
- Salient (конструктор страниц WPBakery)
- Внедрение кэширования и сжатия текста при активации плагина:
- Вкладка оптимизации файлов для сокращения неиспользуемого CSS (среди других функций оптимизации CSS):
- Специальный подраздел для оптимизации JS:
- Функция ленивой загрузки для откладывания закадровых изображений (и загрузки только изображений, расположенных в верхней части сгиба):
- Если у вас есть клиент , желающий взять на себя управление своим веб-сайтом, обновить содержимое и получить доступ к панели инструментов WordPress, то выбор темы с помощью конструктора страниц может быть проще (например, BeTheme или 7).
- Если вы фрилансер и ищете тему с хорошо разработанными демонстрациями для разных отраслей, тогда Divi и BeTheme могут быть вашим лучшим выбором.
- Если вы планируете создать продвинутый сайт WooCommerce
- Если вам нужно создать свои собственные формы и макеты продуктов, а также добавить динамические данные на свой веб-сайт, то тема в комплекте с Elementor Pro — отличный вариант. Elementor была одной из первых компаний, запустивших конструктор WooCommerce, позволяющий вам в кратчайшие сроки создать собственный шаблон продукта и страницу магазина.
- Если вы колеблетесь между несколькими темами , установите одну из их демонстраций и посмотрите на них на мобильном телефоне. Отзывчивость должна иметь важное значение при создании веб-сайта.
10.
Salient (+ адаптированная версия WPBakery Page Builder)Salient предлагает доступ к библиотеке профессиональных шаблонов с более чем 400 на выбор. Они взяли за основу конструктор страниц WP Bakery Bakery и добавили к нему некоторые дополнительные функции. Наконец, Salient имеет средний рейтинг 4,8 из 5 на основе 5700 оценок на Themeforest.
Тема Salient — источник: themenectar.comРезультаты исполнения темы Salient:
Таблица результатов тестирования
Ниже вы найдете сводку результатов производительности для каждого тема. Мы использовали KPI «PageSpeed mobile score» для их ранжирования, но общий показатель загрузки страницы также важен, поэтому не забудьте посмотреть на эту строку.
| KPIs | #1 Astra | #2 Hello | #3 Kadence | #4 OceanWP | #5 Generate Press |
| PageSpeed mobile score | 91/100 | 90/100 | 89/100 | 88/100 | 86/100 |
| First Contentful Paint | 2.1s | 3.1s | 3.1s | 1.1s | 3.3s |
| Largest Contentful Paint | 1.9s | 1.8s | 1.9s | 2.9s | 1.7s |
| Cumulative Layout Shift | 2.8s | 2.9s | 2.9s | 1.8s | 2.8s |
| Speed Index | 1.3s | 1.4s | 1.3s | 2.3s | 1.3s |
| Time To Interactive | 1. 4s | 1.4s | 1.7s | 1.4s | 2.5s |
| Total Blocking Time | 0 ms | 0 ms | 0.3 ms | 0.2 ms | 0 ms |
| Total Loading time | 2.1s | 2.2s | 2.8s | 3.2s | 3.1s |
| Total page size | 890 KB | 990 KB | 898 KB | 996 KB | 890 KB |
| HTTP requests | 12 | 13 | 10 | 13 | 12 |
Similarly, the ranking is based по оценке PageSpeed для мобильных устройств.
| KPIs | #1 Avada | #2 Divi | #3 Salient | #4 The7 | #5 BeTheme |
| PageSpeed mobile score | 87/100 | 84/100 | 82/100 | 81/100 | 80/100 |
| First Contentful Paint | 3. 1 s | 4.1s | 2.5s | 2.4s | 4.1s |
| Largest Contentful Paint | 1.5s | 1.1s | 1.7s | 1.8s | 2.9s |
| Cumulative Layout Сдвиг | 1.7s | 1.8s | 1.8s | 2.9s | 3.8s |
| Speed Index | 1.5s | 1.4s | 1.9s | 1.1s | 1.9s |
| Time To Interactive | 2.4s | 1.1s | 1.2s | 1.2s | 1.4s |
| Total Blocking Time | 0 ms | 0.1 ms | 0.35 ms | 0 ms | 0.2 ms |
| Total Loading time | 2.4s | 3.1s | 3.8s | 3.8s | 4.1s |
| Total page size | 998 KB | 1.2 MB | 987 KB | 1.1 MB | 1.4MB |
| HTTP requests | 12 | 14 | 13 | 16 | 15 |
Key takeaways:
Есть либо в оранжевом, либо в зеленом, в красном нет по производительности.Как мы тестировали темы
Наш выбор основывался на популярности в 2023 году, большом количестве загрузок или продаж на Envato и отзывах о качестве. Затем мы проводим аудит с помощью следующих инструментов производительности:
Powered by Lighthouse, PageSpeed Insights и GTmetrix, анализируют производительность и удобство использования вашего веб-сайта. Наиболее важными KPI являются Core Web Vitals, которые содержат подробный отчет о том, как работают ваши страницы и какие области нуждаются в улучшении. Вот почему мы включили в наши тесты 10 следующих показателей: измерено на мобильных устройствах :
Из PageSpeed Insights:
From GTmetrix:
Затем мы выбрали 10 тем, которые мы разделили на две категории:
#1 Бесплатные и легкие темы с минималистичным подходом, которые больше похожи на основу для запуска веб-сайта:
#2 Другая категория содержит «более тяжелые» темы для конструктора, которые поставляются со своими собственными темами конструктора.
Мы подумали, что сравнивать Avada (и ее сборщик Fusion) с легкой темой, такой как Astra, было бы несправедливо. Итак, темы для второй категории следующие:
Сайты тестирования
Для первой категории мы создали реалистичный тестовый сайт с помощью редактора WordPress и использовали блоки для создайте главный баннер с кнопкой, 5 отзывов с картинками, 1 призыв к действию (полный раздел с изображением), 4 иконки и текст, 2 заголовка и 2 подзаголовка и 8 сервисов с картинками.
Пример сборки тестового сайта с помощью Astra и редактора блоков — Источник: WP Rocket Для второй категории мы каждый раз создавали страницу с одинаковыми элементами, присутствующими в каждом конструкторе: главный баннер с изображением и кнопкой, 3 сервиса с иконкой и текстом, 2 изображения (мы использовали одни и те же ), 2 текстовых элемента, 3 списка значков и раздел призыва к действию с заголовком, подзаголовком и кнопкой (полный раздел).
Следуя одним и тем же сценариям тестирования и одному и тому же контенту для каждой темы, мы могли провести честный сравнительный анализ производительности. Мы сделали новую установку для каждой темы и использовали один и тот же сервер для тестирования скорости каждой темы.
| ⚠️ Важно: Эти тесты проводились на сервере во Франции, и мы создали каждую страницу самостоятельно. Результаты, которые мы представили, основаны на нашем собственном опыте, и результаты могут отличаться в зависимости от размера загружаемых вами изображений, количества используемого вами контента или даже вашего местоположения по всему миру. |
Получите дополнительный прирост производительности с WP Rocket
WP Rocket — один из лучших плагинов кэширования для WordPress, который может оптимизировать любую тему в несколько кликов. Это также повышает производительность вашего сайта и основных веб-показателей.
Чтобы понять большое влияние WP Rocket на скорость, давайте посмотрим на BeTheme, которая была самой «медленной» темой в наших тестах.
Для справки: Lighthouse отметил несколько проблем, перечисленных на вкладке «Возможности»:
Рекомендации Lighthouse по оптимизации файлов на моем сайте, созданном с помощью BeTheme — Источник: PageSpeed Insightsсжатие текста, сокращение неиспользуемых CSS/JS и откладывание закадровых изображений.
Мы активировали WP Rocket на этом тестовом сайте и заметили огромное улучшение:
Тестовый сайт BeTheme — аудит пройден с помощью WP Rocket — Источник: PageSpeed InsightsВсе наши KPI производительности также улучшились благодаря WP Rocket, который также улучшил PageSpeed Оценка Insights (мой сайт переместился в зеленый цвет с 98/100).
WP Rocket также повысил показатель Core Web Vitals и уменьшил общее время загрузки (с 4,1 с до 2,1 с). WP Rocket также уменьшил размер страницы и количество HTTP-запросов: 9.
0003
| Performance KPIs | BeTheme Score (no WP Rocket) | BeTheme Score (WP Rocket) 🚀 |
| PageSpeed mobile score | 80/100 | 98/100 |
| Первая удовлетворенная краска | 4.1S | 2,1S |
| Самая достаточная содержательная краска* | 2,9S | 1.8S |
1s* Core Web Vitals
Чтобы исправить все предупреждения PageSpeed Insights и повысить KPI производительности, мы активировали следующие функции WP Rocket:
Rocket автоматически применяет кеширование и сжатие текста — Источник: WP Rocket
Вы также можете настроить свои собственные параметры на вкладке «Кэш» в панели администратора WordPress:
Функции кэширования и расширенной оптимизации — Источник: WP Rocket
