I recently got a new Windows 2016 machine and Lucee (ColdFusion). Transferring all my clients e-Commerce sites from Windows 2008 CF9. I am having an issue with all images downloading to the browser. The images are a bit to large, client not following directions, BUT this was not an issue with the old machine. If you go to https://shop.bosombuddybags.com/p824/HBB-Custom-Monogram.htm for the first time many of the option images do not load/transfer but the page has stop loading. They are all there, refresh a few times and they appear use CNTRL F5 and they disappear again randomly. I have spent 2 days looking through Google searches, and getting no where. Any suggestions are welcome as this clients had over 1200 options uploaded and having them redo them to make proper thumbs is not an option. I figure it has to be a Lucee or Windows 2016 setting that I am missing. As the page stops loading and never loads what ever images were not completed.
Here are the recommendations:
You have got about 3 or 4 images that are just enormous. Get those down to size.
Try turning data compression on IIS for static content.
Try doing some inline images
Try eliminating some images. Both Font-Awesome and Glyphicons have Facebook and Twitter. You can use them.
Otherwise this is a really show page.
Related
When i load my website on IE10/9/8 some images wont load.
and if i reload the page, the previous images loads perfectly, but some other images wont load.
And if i remove the browser cache, and refresh the page, same thing. some images load and other w'ont load. you can also see that problem in the portfolio page
thanks
Have you tried loading the webpage in alternative browsers? I'm loading it in Google Chrome and all the images load perfectly fine. Internet Explorer utilities your graphics card as well as your processor to load images to make it faster, which might be totally irrelevant for this question but perhaps your graphics card/processor is causing you issues?
If it's working in other browsers, then use them as opposed to Internet Explorer. It will be a bug with their browser and it's compatibility with whatever system you're using. It's the worst browser to use in all honesty.
There has been very little changed to this page since it just recently stopped loading properly on Chrome.
If you click the link three times things usually load up fine. I've looked through the developer tools and can see that it's hanging up on the js the first load. The second load has pending on most/all of the .jpgs, and then finally another click/load works.
I know it's a heavy site, but the other pages are fine, in terms of actually loading and not just going idle, and this loads well enough in Firefox. I don't think this site is even the largest of the pages in terms of images and video.
I've gone through others solutions to this problem by changing the "https" and renaming files incase an adblocker was causing it, but nothing seems to work.
Any idea of what in the page is causing the issue?
We're using Prestashop 1.5.6.0, and something really weird is happening on a test site of ours, we have to use in a demo later today.
The following URLs:
http://pstest.personera.com/gao/351-large_default/baby-book-girl.jpg
http://pstest.personera.com/gao/350-large_default/baby-book-boy.jpg
are acting weird for different visitors. My colleagues in Indore, India, are seeing two different images, and we've tested on about 3 different machines at their offices. They are seeing the correct images, one of a baby boy, and one of a baby girl product cover image.
In South Africa, myself and two other colleagues are seeing the same image for both the above links. The -girl.jpg image is the same as the contents of the -boy.jpg image.
This is a really weird issue, and none of the conventional fixes work. I tried browser cache and cookie clearing. I tried 2 other machines in South Africa. I thought maybe Chrome is borked, so I tried different browsers as well as Mac OS X and Windows 7. All of them show the same image contents.
And that's not the end of it. When I add more products in Prestashop, these additional products also show the same cover graphic as for the first product in the store.
I even tried browsing through a proxy to see if I can get the correct images displaying. Nothing works.
I didn't believe my colleagues in India when they told me they see different (the correct) image content, so I TeamViewed into one of their PCs and saw that the images are displaying correctly.
The only other potential culprit I suspected is web server caching, but the thing is, the images were just uploaded minutes ago, and how on earth does the -girl.jpg image get to look the same as -boy.jpg. I tried re-uploading the images with different filenames, I even deleted the product in the eCommerce platform.
NOTHING works...any ideas?
Note: I also tried regenerating images in Prestashop...with no effect.
Prestashop has a feature to configure image quality. I turned "Use PNG only if the base image is in PNG format." off, and the problem got fixed.
I'll try using this again once we've upgraded to the latest version.
I have an HTML5 game set up using the 'Windows Phone HTML5 App' template. This essentially just loads the HTML Game in a WebBrowser control.
When loading index.html locally with a relative URI, performance is dismal with the profiler showing about 10fps:
When loading exactly the same HTML, only from my remote server, I'm getting a good 45fps.
Does anyone have any idea what this disparity is and how to fix it?
Edit -> When loading all images remotely the performance issues are gone. The problem lies in loading images locally, rather than remotely. Bewildering.
Edit 2 -> Base64 encoding the images as data URIs also has the same massive performance gains. Unfortunately that isn't workable for us, but shows something is seriously wrong with loading images locally
Have you found the cause of the problem?
First, in order to make sure you do not have any xss issue can you setup Fiddler for example and monitor the traffic on the phone?
Second, crazy idea: would it work to make a simple http server in your own app? you can then set the webbrowser load your game from it and see how that works compared to loading from local
I've got a simple little web app that's aggregating a couple views from some ethernet enabled cameras around my house. This is basically a little dashboard, so that I can easily tell what's going on around the house. I've got it refreshing the images every so often by appending new Date().getTime() to the base URI.
Everything works happy days, except for one little issue. If I leave the dashboard up on my iPad for awhile, it runs out of memory and crashes back to the home screen. I know that its because Mobile Safari is caching each of these images in RAM and it eventually ends up with far too many of them.
Since these images are being hosted on embedded devices; I really have no ability to modify the caching headers directly. I would like to stay away from making a wrapper on my server side as well.
My question is; can anyone think of a way to prevent Mobile Safari from caching these images so aggressively that it crashes?
You might try to reuse your img tags and/or set the src attribute to an empty string before removing an image. It's probably not an aggressive cache that's crashing mobile safari, but how the browser doesn't deal well with releasing image references when image tags get deleted.
You might find more useful information here:
http://www.vargatron.com/2010/08/ipad-html5-js-memory-management/