Optimise Listing with html

[boutir.store]

As a seller, we know that ebay html is one of the part that can generate more sales. However , i have faced some problems with it. By using computer to see my listing, there was no error and it can be load swiftly.By using mobile device to see my listing(just to see my html), it took 5 minutes still haven't load finish.(mostly picture) all the picture i add <a href> to make cross selling sales. I checked all my codes and there is no error and I don't know how to solve the problem.By the way, if my html load too long, will my listing do not place on the top that buyer search for it?Do you guys have any method that can increase high page speeds?

[shipscript · Accepted solution]

@boutir.store 

I looked at https://www.ebay.com/itm/363229867305

The images embedded in your listing are the worst problem.  Every image is much larger than it needs to be. When those large images are loaded by the listing template, the template is making them "appear" smaller, but the whole enormous file must load into the browser before it is shown at a small size.

For instance, the images in your left sidebar display as thumbnails, but full sized images are downloaded by the HTML.  The images in your photo gallery are much larger than the gallery will ever display.

The maximum width for eBay's description is 1200 pixels, so when you size your page, you can see most images must be quite a bit smaller to fit into the widest view that eBay allows.

When you cut an image to half its width, the area is decreased to 1/4 of what is was. That is a 75% savings in download time.  If you significantly compress your images, you can save even more download time.

And then there are all the gratuitous icons for shipping etc. They are full screen images displayed at postage stamp size. Put all of those onto one image, so only one master image must load, and make it a very small "sprite" using GIF format. Use CSS to display each portion where the icon belongs. That will cut that group of images down to about 1/50 of what you've got.

The next problem is that your template does not reconfigure itself for mobile viewing. Templates made for a widescreen desktop must be designed to reflow to a narrow format for phones.