В соответствии с рекомендациями Google Page Speed, я хочу указать размеры изображения для «Оптимизировать рендеринг в браузере».
Указание ширина и высота для всех изображения позволяют ускорить рендеринг устранение необходимости в ненужных перекомпоновка и перерисовка.
Я изучаю способы обхода файлов изображений (PNG, JPEG) в моем проекте статического содержимого и вывода файла с путем и именем каждого файла изображения, а также высотой и шириной в пикселях. Затем я бы использовал это, чтобы помочь мне создать теги, используя данные атрибута src для поиска значений, которые будут использоваться для атрибутов высоты и ширины.
\images\logo.png,100,25
Моей первой идеей была задача ANT, поскольку наша сборка статического содержимого использует Ant для других целей (например, использование YUI Compressor в файлах JavaScript и CSS). Я открыт и для других идей, включая другие методы решения этой проблемы. Я бы предпочел не выполнять эту работу вручную.