Size: a a a

Техническое SEO

2020 March 13

MG

Maxim Gambini in Техническое SEO
Maxim Gambini
1) Оптимизация под Lighthouse сводится к ускорению рендера первого экрана, то есть надо максимально облегчить задачу ЦП смартфона.

2) В большинстве случаев речь идет об оптимизации javascript. Помочь распараллелить процессы может API браузера — requestIdleCallback

(https://developers.google.com/web/updates/2015/08/using-requestidlecallback)

2) Счетчики систем аналитики зло. Лучше всего отложить их загрузку, но тогда точность их измерений упадет на 5-7%. Либо выбрать одну систему (например, Метрику), а все остальное отложить (GTM, GA, LI).

3) Если говорить об оптимизации CSS, то надо строить Critical Path.

4) Найти точки роста скорости можно с помощью Coverage Tab в DevTools (https://developers.google.com/web/tools/chrome-devtools/coverage)

5) Также можно отложить загрузку рекламных скриптов, хотя это, зачастую, противоречит правилам платформ. Однако способы есть, и даже описаны в документации Google для сайтов на ajax.

6) HTTP2 может оказаться не эффективным, если большинство пользователей сидят на плохом 3G. Так как там только одно соединение, то при его разрывах все люто тормозится, и проще вернуться на старый протокол.

7) Еще один способ оптимизировать загрузку js-скриптов - устроить лесенку, когда браузер сначала загружает первую его часть, после чего начинает компилировать, скачивая параллельно вторую. Получается «лесенка».
мой конспект, вдруг кому пригодится)
источник

ИЖ

Иван Жаринов in Техническое SEO
Maxim Gambini
1) Оптимизация под Lighthouse сводится к ускорению рендера первого экрана, то есть надо максимально облегчить задачу ЦП смартфона.

2) В большинстве случаев речь идет об оптимизации javascript. Помочь распараллелить процессы может API браузера — requestIdleCallback

(https://developers.google.com/web/updates/2015/08/using-requestidlecallback)

2) Счетчики систем аналитики зло. Лучше всего отложить их загрузку, но тогда точность их измерений упадет на 5-7%. Либо выбрать одну систему (например, Метрику), а все остальное отложить (GTM, GA, LI).

3) Если говорить об оптимизации CSS, то надо строить Critical Path.

4) Найти точки роста скорости можно с помощью Coverage Tab в DevTools (https://developers.google.com/web/tools/chrome-devtools/coverage)

5) Также можно отложить загрузку рекламных скриптов, хотя это, зачастую, противоречит правилам платформ. Однако способы есть, и даже описаны в документации Google для сайтов на ajax.

6) HTTP2 может оказаться не эффективным, если большинство пользователей сидят на плохом 3G. Так как там только одно соединение, то при его разрывах все люто тормозится, и проще вернуться на старый протокол.

7) Еще один способ оптимизировать загрузку js-скриптов - устроить лесенку, когда браузер сначала загружает первую его часть, после чего начинает компилировать, скачивая параллельно вторую. Получается «лесенка».
огонь, спасибо!
источник

AK

Andrey Kh. in Техническое SEO
Спасибо)
источник

OK

O K in Техническое SEO
Важное дополнение от Мурыча, забыл сказать: Как алгоритм сжатия работает по умолчанию:
получает страницу, всю ее сжимает и отдает в поток сжатую страницу.
Наш браузер ждет пока получит весь файл, чтобы его разжать и начать показывать.
Чтобы сделать очень быстрый сайт, нужно настройки модуля, который отвечает за сжатие, изменить таким образом, чтобы вебсервер стал работать в режиме chunk loading.
Суть в чем: из-за того, что браузер хочет отобразить первую область экрана как можно быстрее, мы ему и отправляем тот кусочек, который он так хочет. Причем совсем необязательно весь.
А уже все остальное догрузить этими же чанками. Это немножко дольше с точки зрения распаковки и сжатия, но намного быстрее.
Недостатком является то, что если взять все эти кусочки и сложить вместе и сравнить с целым файлом, то коеффициент сжатия, конечно, хуже. Но зато дает нам преимущество с точки зрения производительности.
источник

OK

O K in Техническое SEO
по coverage:
в браузере - F12 -> ctrl+P
источник

OK

O K in Техническое SEO
вот
источник

V

Vvvladimir in Техническое SEO
@demimurych название качественных тем, с вашей точки зрения для WP напишите, пожалуйста
источник

V

Vvvladimir in Техническое SEO
думаю многим тут будет интересно
источник

ИЖ

Иван Жаринов in Техническое SEO
Vvvladimir
@demimurych название качественных тем, с вашей точки зрения для WP напишите, пожалуйста
Побуду Вангой: не будет ответа на этот вопрос.
источник

DA

Dmitriy Alexandrovich in Техническое SEO
Иван Жаринов
Побуду Вангой: не будет ответа на этот вопрос.
Он коронавирусом занят прост :)
источник

V

Vvvladimir in Техническое SEO
Почему?
Он сам сказал в докладе, можно написать в личку, но я думаю это будет частым вопросом, поэтому и спросил сразу в чате
источник

DA

Dmitriy Alexandrovich in Техническое SEO
Vvvladimir
Почему?
Он сам сказал в докладе, можно написать в личку, но я думаю это будет частым вопросом, поэтому и спросил сразу в чате
источник

N

Nikolay in Техническое SEO
Vvvladimir
Почему?
Он сам сказал в докладе, можно написать в личку, но я думаю это будет частым вопросом, поэтому и спросил сразу в чате
потому что таких тем в природе не существует априори
источник

DA

Dmitriy Alexandrovich in Техническое SEO
Простите за мемы в этом чате)

Я имею в виду, что ответы будут завтра, скорее всего
источник

AZ

Anton Zozulya in Техническое SEO
Vvvladimir
Почему?
Он сам сказал в докладе, можно написать в личку, но я думаю это будет частым вопросом, поэтому и спросил сразу в чате
А в чем проблема потрекать по ТМ демкам?
источник

N

Nikolay in Техническое SEO
Dmitriy Alexandrovich
Простите за мемы в этом чате)

Я имею в виду, что ответы будут завтра, скорее всего
не, вот как раз к вечеру они и пойдут - как побежден будет короновирус :)))
источник

L

LenyveC in Техническое SEO
будет запись конференции, чтобы потом посмотреть?
источник

DC

Dmytro Cyb in Техническое SEO
Доклад по скорости загрузки просто Бимба! спасибо
источник

Z

Zver in Техническое SEO
Maxim Gambini
1) Оптимизация под Lighthouse сводится к ускорению рендера первого экрана, то есть надо максимально облегчить задачу ЦП смартфона.

2) В большинстве случаев речь идет об оптимизации javascript. Помочь распараллелить процессы может API браузера — requestIdleCallback

(https://developers.google.com/web/updates/2015/08/using-requestidlecallback)

2) Счетчики систем аналитики зло. Лучше всего отложить их загрузку, но тогда точность их измерений упадет на 5-7%. Либо выбрать одну систему (например, Метрику), а все остальное отложить (GTM, GA, LI).

3) Если говорить об оптимизации CSS, то надо строить Critical Path.

4) Найти точки роста скорости можно с помощью Coverage Tab в DevTools (https://developers.google.com/web/tools/chrome-devtools/coverage)

5) Также можно отложить загрузку рекламных скриптов, хотя это, зачастую, противоречит правилам платформ. Однако способы есть, и даже описаны в документации Google для сайтов на ajax.

6) HTTP2 может оказаться не эффективным, если большинство пользователей сидят на плохом 3G. Так как там только одно соединение, то при его разрывах все люто тормозится, и проще вернуться на старый протокол.

7) Еще один способ оптимизировать загрузку js-скриптов - устроить лесенку, когда браузер сначала загружает первую его часть, после чего начинает компилировать, скачивая параллельно вторую. Получается «лесенка».
по 6-му пункту. Но тогда ведь не будет работать https, если переключиться на http 1.1 ? Или я не прав?
источник

AZ

Anton Zozulya in Техническое SEO
Zver
по 6-му пункту. Но тогда ведь не будет работать https, если переключиться на http 1.1 ? Или я не прав?
будет - это разное
источник