DE
@easynickname тут ещё один твой клиент
Size: a a a
2020 April 10
DE
Димар, ты че читать не умеешь? Написано же в чем проблема...
Д
Желательно чтобы CSS был загружен в то время, как браузер будет читать HTML
ну как я вижу это - надо наоборот отложить загрузку css (на странице все равно в разметку встроен критический css), чтобы получить заветные баллы лайтхауса. А потом в какой-то момент подгрузить эти стили. Вопрос в какой и как
Д
Димар, ты че читать не умеешь? Написано же в чем проблема...
сейчас пример скину.
з.ы. может я реально что-то не так понимаю
з.ы. может я реально что-то не так понимаю
DE
ну как я вижу это - надо наоборот отложить загрузку css (на странице все равно в разметку встроен критический css), чтобы получить заветные баллы лайтхауса. А потом в какой-то момент подгрузить эти стили. Вопрос в какой и как
Только тестами и замерами определишь
DE
Пробуй
В
ну как я вижу это - надо наоборот отложить загрузку css (на странице все равно в разметку встроен критический css), чтобы получить заветные баллы лайтхауса. А потом в какой-то момент подгрузить эти стили. Вопрос в какой и как
Тебе нужно грузить только те стили, которые действительно нужны на станице, судя по скрину вебпак грузит какие-то левые стили, которые не юзаются вообще
Д
Хотя это не чанк, это бандл
Значит, в бандле много стилей не использующихся на странице
Значит, в бандле много стилей не использующихся на странице
DE
messages = [
{'date': '25.03.2020', 'standard': '1.2.1', 'area': '1'},
{'date': '25.03.2020', 'standard': '1.11', 'area': '2'},
{'date': '25.03.2020', 'standard': '1.2.1', 'area': '3'},
{'date': '25.03.2020', 'standard': '1.7', 'area': '4'},
{'date': '26.03.2020', 'standard': '1.2.1', 'area': '5'},
{'date': '26.03.2020', 'standard': '1.2.1', 'area': '6'},
{'date': '26.03.2020', 'standard': '1.11', 'area': '7'}
];
result = messages.reduce((acc, { date, standard, area }) => {
acc[date] = acc[date] || []
acc[date].push({ standard, area })
return acc
}, {})
S
messages = [
{'date': '25.03.2020', 'standard': '1.2.1', 'area': '1'},
{'date': '25.03.2020', 'standard': '1.11', 'area': '2'},
{'date': '25.03.2020', 'standard': '1.2.1', 'area': '3'},
{'date': '25.03.2020', 'standard': '1.7', 'area': '4'},
{'date': '26.03.2020', 'standard': '1.2.1', 'area': '5'},
{'date': '26.03.2020', 'standard': '1.2.1', 'area': '6'},
{'date': '26.03.2020', 'standard': '1.11', 'area': '7'}
];
result = messages.reduce((acc, { date, standard, area }) => {
acc[date] = acc[date] || []
acc[date].push({ standard, area })
return acc
}, {})
DE
Сколько платишь? Сделаю
DE
messages = [
{'date': '25.03.2020', 'standard': '1.2.1', 'area': '1'},
{'date': '25.03.2020', 'standard': '1.11', 'area': '2'},
{'date': '25.03.2020', 'standard': '1.2.1', 'area': '3'},
{'date': '25.03.2020', 'standard': '1.7', 'area': '4'},
{'date': '26.03.2020', 'standard': '1.2.1', 'area': '5'},
{'date': '26.03.2020', 'standard': '1.2.1', 'area': '6'},
{'date': '26.03.2020', 'standard': '1.11', 'area': '7'}
];
result = messages.reduce((acc, { date, standard, area }) => {
acc[date] = acc[date] || []
const index = acc[date].findIndex((item) => item.standard === standard)
if (index > -1) {
acc[date][index].area += +area
return acc
}
acc[date].push({ standard, area: +area })
return acc
}, {})
S
messages = [
{'date': '25.03.2020', 'standard': '1.2.1', 'area': '1'},
{'date': '25.03.2020', 'standard': '1.11', 'area': '2'},
{'date': '25.03.2020', 'standard': '1.2.1', 'area': '3'},
{'date': '25.03.2020', 'standard': '1.7', 'area': '4'},
{'date': '26.03.2020', 'standard': '1.2.1', 'area': '5'},
{'date': '26.03.2020', 'standard': '1.2.1', 'area': '6'},
{'date': '26.03.2020', 'standard': '1.11', 'area': '7'}
];
result = messages.reduce((acc, { date, standard, area }) => {
acc[date] = acc[date] || []
const index = acc[date].findIndex((item) => item.standard === standard)
if (index > -1) {
acc[date][index].area += +area
return acc
}
acc[date].push({ standard, area: +area })
return acc
}, {})
