After testing my site against GTMetrix, I get warnings on not specifying image dimensions. I am working on a WordPress site. Here is my solution:
My first solution was:
// Specify image dimensions
$('img').each(function() {
var findImgWidth = $(this).width();
var findImgHeight = $(this).height();
$(this).attr('width', findImgWidth);
$(this).attr('height', findImgHeight);
});
Output: This method does fix the "Specify Image Dimensions" but it also removed some of my images on the website.
The second solution is:
// Make sure img have been loaded
$().ready(function() {
imageSize();
});
// Assign width/height to img
function imageSize() {
// Specify image dimensions
$('img').each(function() {
var findImgWidth = $(this).width();
var findImgHeight = $(this).height();
$(this).attr('width', findImgWidth);
$(this).attr('height', findImgHeight);
});
}
Output: This solution seems to work. My images does not disappear, but I would like someone to help me go over the code to see if it's an efficient way to write.
