Size: a a a

JavaScript.Ninja

2020 July 10

AP

Alexey Pan in JavaScript.Ninja
Roman Krasevych
всі привіт, в мене запитання по оптимізації, не так давно гугл бот оновився і тепер в мене в лайтхаус показує преформенс 30-40 з підключиною аналітикою(гуг-аналітика, мікспанел, ФБ, інтерком, хотджак...т.д), а якщо відключити то все то буде 90%, можливо хтось з таким стикався і знає хороше рішення?
Смотри рекомендации. Из опыта могу сказать, что ФБ и GTM прям рили тормозной
источник

RK

Roman Krasevych in JavaScript.Ninja
так, але це після того абдейта гугл бота
источник

RK

Roman Krasevych in JavaScript.Ninja
до цього все було ок
источник

RK

Roman Krasevych in JavaScript.Ninja
звичайного async=true  було достатньо
источник

AP

Alexey Pan in JavaScript.Ninja
Да этот гугл постоянно пересматривает метрики.
источник

AP

Alexey Pan in JavaScript.Ninja
НУ смотри, если к примеру сделать через таймаут, то процент отказов у тебя прям сильно упадет
источник

A

A A in JavaScript.Ninja
Roman Krasevych
всі привіт, в мене запитання по оптимізації, не так давно гугл бот оновився і тепер в мене в лайтхаус показує преформенс 30-40 з підключиною аналітикою(гуг-аналітика, мікспанел, ФБ, інтерком, хотджак...т.д), а якщо відключити то все то буде 90%, можливо хтось з таким стикався і знає хороше рішення?
Вы принципиально на немецком пишете?)
источник

AP

Alexey Pan in JavaScript.Ninja
Alexey Pan
Смотри рекомендации. Из опыта могу сказать, что ФБ и GTM прям рили тормозной
И еще один ньюанс, как мерится латхаус
источник

AP

Alexey Pan in JavaScript.Ninja
Смотря от какого провайдера
источник

AP

Alexey Pan in JavaScript.Ninja
Смотря какой интернет.
источник

RK

Roman Krasevych in JavaScript.Ninja
тобто вантажити всі ліби через кастомний лоадер? типу щоб гугл бот їх не дочекався і не трекав?
источник

AP

Alexey Pan in JavaScript.Ninja
Я обычно с одного ЦОДа мерию с включенным gtm и отключенным и так с каждым счетчиком.
источник

AP

Alexey Pan in JavaScript.Ninja
Именно так удалось выяснить что ФБ вафлит почти 500 мс.
источник

AP

Alexey Pan in JavaScript.Ninja
Alexey Pan
Всем привет, немного не в тему, но всетаки. Есть задачка, с помощью pupeteer сделать запись флоу открытия страницы. С помощью профайлера я сохраняю скриншоты и таймлайн. Как мне теперь склеить эти картинки в видео через ffmpeg с точным timeline? Предвижу вопрос - "зачем?". это надо для того чтобы отслеживать визуальные метрики https://github.com/WPO-Foundation/visualmetrics.
Коллеги, может кто сталкивался? Прям очень надо. для замера клиенского перфоманса.
источник

PK

Pasha K in JavaScript.Ninja
источник

PK

Pasha K in JavaScript.Ninja
https://jsfiddle.net/s6wnh0p9/  что есть на данный момент.
Как зациклить?
источник

N

Nick in JavaScript.Ninja
Могу Вам подсказать вот что (не утверджаю, что это самое оптимальное/лучшее/отличное решение):
Представим наше поле в виде матрицы:
0 0 0 0 0 0 0 0 0 0
0 0 0 1 1 1 1 0 0 0
0 0 0 0 0 0 0 0 0 0
0 0 1 0 0 0 0 0 1 0
0 0 1 0 0 0 0 0 1 0
0 0 1 0 0 0 0 0 1 0
0 0 1 0 0 0 0 0 1 0
0 0 1 0 0 0 0 0 1 0
0 0 0 0 0 0 0 0 0 0
где matrix[i][j] соответсвует размеру 1х1. Ну и все. Обходите матрицу, где 0 -> красим в черное (или ничего не делаем, если bg уже черный), где 1 -> красим в белое (что сложно! придется создавать очень много таких белых квадратиков)
осталось реализовать сдвиг всех элементов по всем 4 сторонам и все
Проблема в скорости, размер полотна 400х400, и матрица будет размером 160.000 (столько будет обходов)

красить каждый пиксель отдельно дорого, тут надо использовать алгоритм:
начинаем [i][j] i = 0; j = 0;
for (let i = 0 ...) { for (let j = 0; ... ) }
как встречаем 1, фиксируем левую точку для отрисовки прямоугольника. Далее, идем вправо, пока не найдем 0 или границу. Как только достигнули цели, идем вниз, находим нижнюю точку -> рисуем прямоугольник.
надо запоминать закрашенные площади, чтоб повторно туда не заходить (и не красить)
источник

IK

Illya Klymov in JavaScript.Ninja
Alexey Pan
Всем привет, немного не в тему, но всетаки. Есть задачка, с помощью pupeteer сделать запись флоу открытия страницы. С помощью профайлера я сохраняю скриншоты и таймлайн. Как мне теперь склеить эти картинки в видео через ffmpeg с точным timeline? Предвижу вопрос - "зачем?". это надо для того чтобы отслеживать визуальные метрики https://github.com/WPO-Foundation/visualmetrics.
concat фильтр позволяет указывать duration

ffconcat version 1.0
file 01.png
duration 2
file 02.png
duration 3
file 3.png


ffmpeg -i in.ffconcat -vf fps=25 out.avi
источник

AP

Alexey Pan in JavaScript.Ninja
duration - количество кадров?
источник

IK

Illya Klymov in JavaScript.Ninja
в секундах :)
источник