(Edit) pages draw inconsistently. Across safari, firefox, chrome. Can't find a pattern. does not happen to some users at all. frustrating because I don't know if it is happening to our clients.
Related
My Tumblr page does not load new pictures from photoset on some occasions. I have experienced this issue on Safari browser. The page is supposed to work like a blog of pictures that are on a chaos (different width is set for each picture, so that every picture is shown differently). After first X pictures, the website is supposed to load a new one beneath them (same as facebook post are functioning for example). This works fine on most devices and browsers, but recently it has stopped working on Safari on iPhones (but only at some cases, one time it is working, but other time it is not). It does not even show the symbol of loading on the end of the page and basically nothing happens when user scrolls down to the end of the page.
I have tried to search for any hints or information of similar issues that other have, but cant find anything that would help. I have also tried to write to Tumblr support, but no answer there yet.
If any of you have any idea what might cause the problem, please, try to answer!
I'm currently doing some work with D3 and one of these things I'm finding slightly frustrating is the ability to debug stuff in the DOM. My typical browser of choice is Chrome (latestet update to date version) yet when I try to select stuff in the DOM chrome seems to get very confused!
The circle I've selected in the DOM, isn't even contained within the SVG as far as chrome thinks.
Having just checked IE11 seems to have similar issues, however Firefox seems to handle it (unfortunately I'm not a big fan of Firefox). It this a common feature that developers using D3 have found workarounds for? Or is everyone using Firefox? Or do I need to go log some bugs against various browsers?
I think this is a new bug. It worked fine on Chrome as well a couple weeks ago.
I have less distance between the displayed and the actual position. Maybe 10 or 20 pixels. So I can live with it. But it was flawless not long ago.
I have built the following page a while ago: http://www.cnplumbingandheating.co.uk/#page=about
However, the ID card (images/id-card.png) disappears in Firefox, although behaves as intended in Chrome, Safari and Opera. It was working in Firefox some time ago, and I have not edited the files or code since, yet this bug has appeared...
Can anybody shed any light as to what might be the cause, particularly if you cannot replicate it?
NOTE: The image reappears if you hover over it, but disappears on mouseout. There is no CSS/JS affecting this (as far as I can see).
I can't replicate the problem. I think it's working fine. Maybe a caching issue.
Anyway have a look. This is what i see when the page loads:
and this is when i hover the id card:
It seems it works well. By the way, nice website.
I run and manage the website http://onedirection.net, and we've spent a lot of time recently trying to improve the loading speed of the site. There's a lot of content on the site which requires load time, but everything else is going smoothly.
In Chrome, we're very happy with the load speed, but things don't seem as good in IE9. In fact when we load the homepage up, it seems to pause for a while, but worse still when I click and hold the Back button, I can see about 6-7 redirects from the initial page load!
What is causing this? There are no redirects on the site, but it looks like the social media links and a couple of adverts are causing strange problems.
I've never seen this before, so I'm a bit stumped!
Also, the chat bar at the bottom of the site doesn't load properly on the homepage, but does on other pages.
Can anyone shed any light into what is causing these issues, and better still how to solve it?
Thanks,
Chris.
To be honest performance in Chrome isn't that great - from my home connection the page takes 11 seconds to load in Chrome.
Here's a waterfall for the home page in IE9 from a server in Dublin - http://www.webpagetest.org/result/120901_NC_f64ed067693fda62238e67cce432f964/1/details/
The waterfall is pretty horrible to be honest - too many requests, too many domains, no prioritisation of content, javascript in the head loading in a blocking manner
I'd need to look in more depth but essentially due to the number of third party components you've lost control of your page load.
I've got a Wordpress site with some CSS3 rules applied to some images that rotate the images and have a hover effect on rollover too. Problems are showing up in Safari & Firefox when you hover on and then off these images and I can't seem to locate any similar issues by people on the Interwebs.
See http://tinyurl.com/3n2eude and hover on and then off the images (the slightly rotated ones):
Member name goes blurry and then back to normal (Firefox)
Member image border becomes jagged (Firefox)
A big black line displays to the side of the member images sometimes when you hover back and forth between two member images (Safari)
If I disable the transform:rotate rules, it's all fine. So seems to be an issue with that rule. Just can't work out how to get around it.
Anybody got some ideas on how I could get around these or what might be causing it?
Thanks for any ideas you might have!
Bit old of a question but that problem is related with rendering on browser (from what I understood). It cannot be fixed on CSS/HTML side. It must be fixed on user side.
Fix: http://www.askvg.com/how-to-enable-direct2d-directwrite-hardware-acceleration-in-mozilla-firefox/
More information about problem: CSS3 rotate - rendering problems in Firefox and Safari