Что speed page вообще надо?

i.lisovenko
На сайте с 14.01.2022
Offline
53
2236

Как всегда, делаю новый сайтик, хочу speed page  довести до идеала 😀 да понимаю, что многие говорят ни на что не влияет и все такое, ну просто хочется добить его, просто для галочки в голове. Так вот не понимаю, что ему надо.. Вот одни из некоторых типа ошибок

Для изображений не заданы явным образом атрибуты width и height .

Ну понятно, что в коде странички есть <img src="..."> и указаны без  width и height потому что в стилях указывается например .class img {width: 100%;} и вот не пойму такой вещи, например мой код

<div class="1"><div class="2"><div class="3"><img></div></div></div>

Ему принципиальна вообще вложеность элемента? По факту ведь если я в стилях укажу .1 img {width: 100%;} или же .3 img {width: 100%;} ну стиль же применяется все равно к одному этому элементу, если помимо этого нет <img> и вложеность же без разницы или же оно хочет от меня чтоб по любому было указано так .1 .2 .3 img {width: 100%;}? Я вроде уже итак и этак пробовал пути прописывать, все равно пишет про эту ошибку.

Куда копать в данном случае? Ну и как по вашему все таки для speed page все таки писать пути?

Бесплатные обеды во Вкусно и точка https://halyavaitochka.ru
Dambo
На сайте с 19.07.2018
Offline
374
#1
Блочте доступ из США на уровне сайта (кроме поисковиков гугла) и Пейдж спид будет показывать 100% ибо будет видеть лишь строку "доступ вашей стране закрыт". Реальный баг. 
i.lisovenko
На сайте с 14.01.2022
Offline
53
#2
Dambo #:
Блочте доступ из США на уровне сайта (кроме поисковиков гугла) и Пейдж спид будет показывать 100% ибо будет видеть лишь строку "доступ вашей стране закрыт". Реальный баг. 

Ну хочется то не просто цифру 100 из-за блокировки 🤣 ну а все таки сделать)

D
На сайте с 23.11.2018
Offline
51
#3
i.lisovenko :

Как всегда, делаю новый сайтик, хочу speed page  довести до идеала 😀 да понимаю, что многие говорят ни на что не влияет и все такое, ну просто хочется добить его, просто для галочки в голове. Так вот не понимаю, что ему надо.. Вот одни из некоторых типа ошибок

Для изображений не заданы явным образом атрибуты width и height .

Ну понятно, что в коде странички есть <img src="..."> и указаны без  width и height потому что в стилях указывается например .class img {width: 100%;} и вот не пойму такой вещи, например мой код

<div class="1"><div class="2"><div class="3"><img></div></div></div>

Ему принципиальна вообще вложеность элемента? По факту ведь если я в стилях укажу .1 img {width: 100%;} или же .3 img {width: 100%;} ну стиль же применяется все равно к одному этому элементу, если помимо этого нет <img> и вложеность же без разницы или же оно хочет от меня чтоб по любому было указано так .1 .2 .3 img {width: 100%;}? Я вроде уже итак и этак пробовал пути прописывать, все равно пишет про эту ошибку.

Куда копать в данном случае? Ну и как по вашему все таки для speed page все таки писать пути?

Ему принципиально видеть ширину и высоту именно в теге изображения. Делается для того, чтобы место под картинку было зарезервировано браузером даже без загрузки css. Ошибку никак не пофиксить без явного указания width и height в атрибутах тега img

L
На сайте с 10.02.2015
Offline
249
#4
Забить по возможности
i.lisovenko
На сайте с 14.01.2022
Offline
53
#5
livetv #:
Забить по возможности

Судя по всему как раз и придется это сделать по итогу. Дебилизм на дебилизме а speed page 😡

MP
На сайте с 05.05.2025
Offline
9
#6
i.lisovenko #:
Судя по всему как раз и придется это сделать по итогу. Дебилизм на дебилизме а speed page

так задайте ширину и высоту. Он правильно ругается. при загрузке dom деерва, пока стили не подгружены у изображений должны быть параметры размера и alt теги

melkozaur
На сайте с 06.04.2010
Offline
534
#7
Ширину и высоту ставьте как у реальной картинки, у нее же есть эти параметры?
В стилях max-width 100%.
Должно помочь.
melkozaur
На сайте с 06.04.2010
Offline
534
#8
i.lisovenko #:
Дебилизм на дебилизме

Я согласен в целом, но не в этом конкретно случае.

i.lisovenko
На сайте с 14.01.2022
Offline
53
#9
melkozaur #:
Ширину и высоту ставьте как у реальной картинки, у нее же есть эти параметры?
В стилях max-width 100%.
Должно помочь.

Сейчас вот попробую таким способом

grunya
На сайте с 18.08.2024
Offline
7
#10
i.lisovenko #:

Ну хочется то не просто цифру 100 из-за блокировки 🤣 ну а все таки сделать)

В данном случае проблема решается очень легко и почему бы это не сделать? Просто добавить атрибуты  width и height в тег img. CSS в данном случае имеет второстепенное значение, он применяется уже после начала рендеринга. Задав размеры картинки вы подскажете браузеру сколько места резервировать для нее, чтобы  не было скачков контента (CLS).

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