Ustawia wymiary obrazu za pomocą klasy div img tak samo jak klasa img

Próbuję przyspieszyć moją witrynę i wybieram odpowiednie wymiary obrazu, aby uniknąć ponownego przepływu i ponownego malowania.Ustawia wymiary obrazu za pomocą klasy div img tak samo jak klasa img

Jeśli mam obrazy w div z <div class="class"> .class img {height: xxxpx; width: xxxpx;}

nie byłoby takie same jak wymiary ustawienie zasięgu <img class="class"> .class {height: xxxpx; width: xxxpx;}?

Zastanawiasz się, czy działa tak samo, jak im otrzymuję ostrzeżenie o wymiarach obrazu w gtmetrix.

Źródło

2015-06-25 Techagesite

Myślę, że powinien być taki sam, oraz pierwszy i drugi efekt kodu. Ale aby zachować je zoptymalizowane, musisz oszczędzać w zoptymalizowanym programie PhotoShop. –

Musisz zmienić rozmiar obrazów po stronie serwera, jeśli chcesz je zoptymalizować, w przeciwnym razie oba powyższe mają taki sam efekt. – Muhammet

Tak, to jest to samo. I możesz zignorować ostrzeżenie z gtmetrix.

http://gtmetrix.com/specify-image-dimensions.html

Page Speed obecnie tylko wykrywa wymiary obrazu, które są określone poprzez atrybuty obrazu. Jeśli określasz wymiary za pomocą CSS, możesz bezpiecznie zignorować to zalecenie.

Źródło

2015-06-25 08:11:20

Ah dobrze, to oszczędza dużo pracy po mojej stronie. Twoje zdrowie. – Techagesite

Co z szerokością: auto; wysokość: 100% ;. Jak by to było postrzegane? Czy mogę tu bezpiecznie? – Techagesite

Tak, myślę, że to też jest w porządku. Chodzi o to, aby zapobiec "ponownemu przepływowi" strony po załadowaniu obrazów. Jeśli Twój układ pozostaje w trakcie całego procesu ładowania, jesteś dobry. –

Ustawia wymiary obrazu za pomocą klasy div img tak samo jak klasa img

Odpowiedz

Powiązane problemy