Низкая скорость загрузки страниц по developers.google

Crack12345
На сайте с 27.02.2016
Offline
6
1025

Всем привет.

Зайдя на сайт проверки скорости прогрузки страниц (developers.google) я обнаружил, что скорость моего сайта всего 66% (http://botbiz.ru/wp-content/uploads/2016/07/Screenshot_21.jpg). А Всё это из-за размера картинок-миниатюр. Сайт у меня на Wordpress. Размеры миниатюр тех, что на виджете "Последние записи" изменить не проблема. А вот если эти миниатюры предлагает сторонний сайт. То есть я сделал виджет с RSS лентой новостей (http://botbiz.ru/wp-content/uploads/2016/07/Screenshot_20.jpg) с картинками (http://botbiz.ru/wp-content/uploads/2016/07/Screenshot_19.jpg), а эти картинки слишком много весят. Причем такая проблема на 2-х сайтах.

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

Papay
CP
На сайте с 12.08.2009
Offline
101
#1

Попробуйте технологию lazy load. Что бы картинки рендерились, только когда их видит пользователь, с помощью нее у меня получилось сократить время загрузки страницы с 1 секунды до 0.3

Профессиональный frontend: JS, html,css, Single-Page App (/ru/forum/964386)
Crack12345
На сайте с 27.02.2016
Offline
6
#2

Хорошая прога. Но на сайте developers.google процент не увеличился. Не знаю насколько это важно, но это так)

CP
На сайте с 12.08.2009
Offline
101
#3
Crack12345:
Хорошая прога. Но на сайте developers.google процент не увеличился. Не знаю насколько это важно, но это так)

Это не прога)) http://dinbror.dk/blazy/examples/?ref=blog - я вот этот использовал. Странно, что процент не упал, если только тузла гугла не пытается отрендерить весь документ, хотя не должен так делать.

DI
На сайте с 22.01.2010
Offline
103
#4
Content-pro:
Это не прога)) http://dinbror.dk/blazy/examples/?ref=blog - я вот этот использовал. Странно, что процент не упал, если только тузла гугла не пытается отрендерить весь документ, хотя не должен так делать.

Гугл загружает весь документ, данный метод не поможет. Нужно использовать, например jQuery, после загрузки DOM-дерева загружать уже картинки


$(document).ready(function() { $("head").append("Ваш код"); })

Я таким образом реализовал загрузку стилей сайта, на которые ругался гугл, но пришлось создать еще лайтовую версию style.css, чтобы не отображался голый каркас сайта. После этого рейтинг поднялся до 87%

CP
На сайте с 12.08.2009
Offline
101
#5
DaImeR:
Гугл загружает весь документ, данный метод не поможет. Нужно использовать, например jQuery, после загрузки DOM-дерева загружать уже картинки

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

dr_evil
На сайте с 29.03.2006
Offline
107
#6

Оптимизируйте картинки при создании постов. Например, в tinypng.net

И gzip включите на сервере

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