Steps to reproduce
While playing around in a Walmart store in their electronics section, and testing out some of their various laptops and chromebooks on display, I noticed something happening on nearly every single machine on display, and it has me a bit puzzled. So I had to do some testing and investigating this morning. Here is a summary of what I experienced, and what I am reporting to Microsoft.
I built a simple website for my husband’s business. You can view it at <a href="http://blountelecric.com">BlountElectric.com</a>. I was pulling up his web page, along with a few others, when using the test devices in the Walmart store. I noticed something strange occur. 2 of the 3 images on his home page were not loading successfully. It was really strange. So, I looked closely at the code this morning, to see if there were any differences in the image tags I had written in HTML for these 3 images. And guess what?! I noticed that there WERE some differences. Now, it is important to note that these differences have never had an impact on loading times using our home wifi network, nor our direct line internet connections at home, nor our smart phone (android cell phones) when out and about town. So, these problems were only occurring when using the guest internet network and guest browser accounts that the numerous laptops and chromebooks were set-up to use while on display at Walmart.
I am going to make some changes to my code, in the way that I am about to describe to you, and then I am going to go back to Walmart this weekend, hopefully, and test out these web pages again, and see if I get better results. Then I am going to test out the results periodically there, every 6 months, as new devices are brought in, and there is no chance of caching influencing loading results, and loading times, etc.
So, I noticed that the 2 images that were failing to load had one thing in common, and it was the way that I referenced the file locations in the image tag. Instead of simply referencing the images as image1.jpg and image2.png, I had opted for a more precise approach, which usually results in better loading times in my past experiments. What I HAD done was I had listed out the complete file names, and had even included https:// at the beginning of the file names’s adresses. It might actually be bad practice to reference a file name using https, rather than http, but I can not image why. It’s never been a problem before in an other test case. I would think that if I can reference a link using https, then I should be able to reference an image using https, but I could be very wrong. The https has something to do with security and SSL certificates, which this website does have set up. But, image referencing, or sourcing, in html code might not need the https specification, or it might be problematic or nonsensical in some way. It could just be that the way a guest device account, combined with the way a guest internet account, function on the Edge browser may have some sort of bug in it.
If taking the s out of https, and changing it to http, does not solve the image loading problem I will come back to this page, and post my updates, and continued testing, until I get it sorted out. LOL. Oh the little things really do matter, don’t they?! If this solves the problem, then I will not come back to this post, and that way you will know it is solved. But don’t consider it a closed case. Remember I need at least a week-end to get this tested out. And hopefully, the new courses I am taking on Networks and Security will help me to be more knowledgeable about the https protocol versus the http.
I am writing about this on my blog at <a href="https://amber-nestor-gregory-blog.com/Blog-Entries/Coding/Img-Image-Files-Not-Loading-on-Guest-Internet-Network-in-Edge-When-src-Source-https.html">https://amber-nestor-gregory-blog.com/Blog-Entries/Coding/Img-Image-Files-Not-Loading-on-Guest-Internet-Network-in-Edge-When-src-Source-https.html</a>
Comments and activity
I apologize for a few typing errors. At one point I said, “I can not image why…” and I meant to say, “I can not *imagine why…” and I also said “in an other test case…” and I meant to say, “in *any other test case…” I was also not aware that the
tags and the
I noticed another difference that is worth noting. The two images that were having trouble loading not only were referenced src as https, and have now been changed to http, but also THIS…
For some reason I did not end the image tag with a / followed by a > symbol.
Instead I had ended the image tags with only a > symbol.
Again, these things have never mage a difference in loading time before, but I suppose it would be also bad practice to leave out the / symbol, and this might have caused an additional complication.
I have modified both issues, and have commented them in php file, so I am not sure if the code will be readily easy to see via google developer mode, but it probably can be.
However, I don’t think that the end tag for the img is making a difference, because they way developer tools is displaying the code after it passes through php is leave out the / symbol in the img tag anyway.
Also, the map image always loaded without any problem, and it was never using https in the file name. Instead it was only referencing the file location in this manner: fileimagename.jpg
In contrast the other two image files, which were having problems, had to be referenced using the full file address, because those image files were saved in different folders. Maybe this is bad practice, but I do not believe it should ever present a case where the file will not load at all.
I have made the changes as discussed, and returned to the Walmart laptop section, and all images are loading quickly and properly. These changes seem to have fixed any problems. I will test there again in 6 months when they have new laptops on display. I hope this helps. I also used W3C Validator to check for other errors later after returning home, but either way, the changes mentioned above fixed the loading problems.
Thank you for sharing your problem and solution. We look forward to additional feedback you may have on how we can improve Microsoft Edge.
The MS Edge Team
- Microsoft Edge Team
Changed Assigned To to “James M.”