OSX 10.8.5
I have images on my site hosted on my own server (not hotlinked) that aren't appearing in Firefox (26.0). It's just empty space where the image should be.
Troubleshooting with Firebug, I found that the image urls are different than what they're supposed to be. Instead of just src="img/Pic1.gif" it's something like src="http://website.net/img/xPic1.gif.pagespeed.ic.A2br4BiDEK.png". This has to be the reason the images aren't appearing, no?
I looked up what PageSpeed is, but I've never used it before. I guess I should disable it, but as you can see on the page I linked that it requires knowledge of apache? I have zero knowledge of that and would like to avoid it for the time being if possible.
Does PageSpeed just come as a part of Firebug? I disabled Firebug and refreshed which did not bring the images back. Will other visitors to my site not see the images on Firefox as well? If so, how can I possibly solve this?
edit
I'm also using Google Analytics, in case that is relevant..
Pagespeed is not the reason for the disappearance of my images, so although I didn't solve my problem, I'm closing this question as the title is no longer relevant.
Related
This question doesn't deal too much with coding itself, but if there's a fix for it in any way, do let me know. I've searched around for a while looking for an answer, as I've had this issue for a long time. Can anyone explain why this text in Chrome looks so terrible? This is just an example of some buttons on this website: bad text image
Each individual letter looks like it's a different size from the previous one, and nothing is smooth. It looks jagged and terrible. I've tried toggling on and off DirectWrite, but that hasn't changed anything. The text is like this on every site, not just StackOverflow of course. I hope this isn't how it's supposed to look...anyone?
Have you tried setting the font for Chrome?
chrome://settings/ > show advanced settings >web content > customize fonts...
Actually, there are a number of different fixes people have found helpful for this.
For one WordPress site I run, the problem was solved by loading a set of font files to our site and implementing #FontFace differently (some additional browser-specific settings and getting the sequence of those correct). This resolved the issue for all users without the need for any local changes to OS or Browser. Other folks have had success with a other CSS formatting settings.
Localised fixes include changing Chrome browser settings, and changing settings in Windows. Like the OP, I didn't find these helpful but others apparently have.
Edit - These Stack posts host a good discussion of the various options people have found helpful:
https://superuser.com/questions/308135/how-can-i-improve-font-appearance-in-google-chrome
Jagged and choppy Google webfonts in Chrome and Firefox on Windows
PS - #user2864740 In my opinion, the various CSS suggestions (#FontFace, -webkit-text-stroke: 0.25px, etc) do constitute a coding fix.
The page at www.patbanks.com is supposed to have a pretty image for the background. It shows on Safari, but not on Chrome or Firefox. (Didn't try IE.)
This is a Google Sites so I am not allowed to use CSS; please forgive the awful table-based code. Also unable to put the background in the BODY tag. So the image is in a TABLE tag. This is the only known way to get a background image.
(Answers that I researched were either about subtly different situations where CSS can be used properly, or about malformed URLs. I already verified that the image itself is accessible from that bizarre upload URL.) I am probably doing something offensive to the TABLE tag, or the Google-injected wrapper is doing something to thwart me. Except, the page works just fine when viewed by of all things, Safari...)
I solved the problem by changing the location of the image.
The real URL for the site is https://sites.google.com/a/{user/internal site name}/home. The published ("mapped") URL is just http://www.patbanks.com.
Originally, I uploaded it in the Attachments menu, and used the corresponding image URL. That points to some upload server (the terminal subdomain in the URL is like my Google Sites site name). That URL does not work for some browsers; it is ignored. I don't quite understand why, but it is definitely the case that it is referencing something "off site". Perhaps it is an XSS-prevention feature in the browser (since it worked anyway in some browsers, and not others).
The solution was to edit the page and use the Upload Image command. This creates the image with a very different URL than the Attachments does. (Then I used the HTML editor to remove the resulting unwanted IMG tag, and copied the URL to the TABLE background attribute.)
The page now displays with the background, in all browsers.
Google Sites used to have an "Entire Page Background" command, which I imagine used a CSS style in a DIV or on the BODY element. That's how I wrote the page before I tried to port it to Google Sites, but Google removed this functionality. There is still lots of documentation and third-party help pages that refer to that feature. That no workie no more. And Google Sites doesn't support CSS generally, because it interferes with their CMS. It automatically rewrites/redacts whatever HTML you input on your page.
Someday I'll understand exactly what was going wrong, but hopefully the workaround I've described here will be useful for people.
I have a strange issue on my site where I am able to browse to an image, however I can't get it to display using HTML.
HTML as follows:
<img src="http://cdn.jackpallot.me/files/_header/14ae39ea5fb211e28b4622000a9e2975_7.jpg" width="845" height="250" class="header-img">
The actual image can be viewed at http://cdn.jackpallot.me/files/_header/14ae39ea5fb211e28b4622000a9e2975_7.jpg and loads as expected.
I am guessing this is a Cloudfront setting, although I haven't come across anything that seems to be causing it.
Any help on this would be appreciated.
Actually, this wasn't Cloudfront related at all. It was a strange issue where extra characters were being added to the end of the URL. Sublime Text didn't spot them, but another program did. Thanks anyway!
I have a problem on a page i'm coding. Problem is i'm getting random img classes from nowhere (at least nowhere i know). I've put the generated class below.
<img class=" iryjanjabqqmypymdnuv" src="some/source/path">
There are several jquery plugins and jqueryui on the page but div that got img has nothing to do with those js libs. I also use php but that must have nothing to do with this i guess.
If you need any codes or names of the libraries just ask. Please help me i really have no idea and all the search i did was empty about this.
I had exactly the same problem. Find out that AdBlock Plus is responsible for that. So, just disable all the extensions and reload the page
Just wanted to chime in for anyone that finds this googling their problem, this is exactly the right answer in my case as well. AdBlock Plus (in Firefox only, not Chrome) was generating random class names for images I have embedded in my nav bar for social media links.
Now I have to either find a way to get around that or anyone using ABP in Firefox will see a weird looking nav bar due to this issue. It's not exactly an unpopular plugin.
I work in both Chrome and Firefox and use ABP in both. Hopefully we won't have to find workarounds for this.
Is it possible that you're browsing on a mobile network connection? Some mobile networks modify the HTML/CSS for images so they can serve lower-bandwidth versions, but allow you to "fix" them later. For example, on T-Mobile, if I hover over an image it will give me an Alt tag telling me the keyboard shortcut to use to load the original.
Obviously this won't be the case if it's all local...
I had the same problem and disabled all extensions in Firefox and then it was gone. Not sure which extension is the guilty party, have too many to chase it down by disabling each of them one at a time. :)
For some reason my homepage is displaying older content to certain users. So much so that content from many months ago is displaying in their browser even though the html content is currently completely different. I suggested a clearing of the cache but the problem persists. Has anyone come across this problem before and what solutions were used to solve this?
Are you using Wordpess?
If so you may have installed a plug-in at some point called Hyper Cache or something similar, turn it off and then tell them to refresh the page,
Aside from that It could be a DNS issue with crap hosters (happened to me only the other day)
Can you give us a URL etc to check out?