google-chromeoptimizationgoogle-chrome-devtoolsprofilingimage-optimization

Obtain a list of most "heavy" images from a site


In the Chrome DevTools, is there a way to obtain a list of most heavy loaded pictures from a site? we are working of the site optimisation, so try to figure out the "bag" pictures.

Like the bellow one, but to be able to export it in form of a text list of links something like this.... enter image description here


Solution

  • Found out that there is an option when you right-click the list in the network tab enter image description here

    HAR is a kind of the JSON file.
    Now there are tools permitting to convert an JSON (HAR) file to CSV file, that could be open in, say, Excel for further analysis.