Web site is slow in any webkit based browser - debugging

There's a site that uses CSS and JavaScript a lot.
The site loads fine in Firefox, almost instantly. When opening the site in any webkit-based browser (I've tried midori, arora and vimprobable2), CPU load spikes to 100% and stays like that for about 60 seconds. Then the site loads. As soon as I want to scroll the site using the mouse wheel - CPU load jumps to 100% again.
Is it possible to debug the site somehow when having it opened in a webkit-based browser and find the reason of high CPU load? Is there something like Firebug for webkit-based browser that can be used for this?
I'm sure that it doesn't happen due to DNS, because I can reproduce the issue by downloading the html pages locally and load it from there in browsers. It loads fine in Firefox, CPU load jumps to 100% in webkit-based browsers.

You can use Firebug Lite within Safari:
http://getfirebug.com/firebuglite

Related

Flash Object slow in IE and Chrome but not in Firefox(WaterFox)

Can someone please shed some light or point me in a different direction.
We are using adobe flash that launches an app inside of a JSP. Up until yesterday everything was running fine without any issues. Today when the Flash Object launches you can see the initialize bar where before you hardly seen it.
While working within the app as well all the operations are very slow (not much but a 2 second delay on most of the things is visible).
I have 3 browsers installed on my PC
IE 11 running Flash version 23.0.0.207
Chrome 55.0.2883.87 running Flash version 24.0.0.194
Waterfox 32.0 also running the same Flash version as IE 23.0.0.207
Running the app from all 3 these browsers is slow apart from Waterfox.
I deleted all the caches from the flash settings in control panel and for chrome I used the web interface (http://www.macromedia.com/support/documentation/en/flashplayer/help/settings_manager07.html).
I cleared all browser caches. We are running McCafee which I disabled.
I had a look at any windows updates that was done recently which I uninstalled.
What could be different between these? What else can be checked to see what is making this app slow in IE and Chrome?
The slowness could be caused by the files not being cached by the browser like they used to be. I would start there. If you reload the page and you're not seeing a 304 "Not Modified" for the swf(s) you're loading them from the server each time where they used to be loaded from the browsers cache.
Here's some more info on the subject: https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/http-caching
Both Chrome and IE have developer tools you can load to see the http calls and check the headers and response codes.
https://msdn.microsoft.com/en-us/library/dd565628(v=vs.85).aspx
https://developer.chrome.com/devtools

Some images wont load on internet explorer 10 & 9 & 8

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.

My Website is slow with Chrome. But not in any other browser even in Incognito

I am fairly new to Web Development. I have created this site - www.hum3r.com
If you try to open the site in Chrome it loads and scrolls so slowly. But in IE, Safari, Firefox and even in Incognito Window of Chrome itself handles perfectly. Please advise why and any suggestion to fix slow n unsmooth scrolls
This sounds like an extensions issue, probably with something that checks scripts as they are downloaded, like AdBlock Plus or a virus scanner. Check which extensions you are running; 99% chance one of them is to blame. Extensions are disabled in incognito mode, which is why it works okay.
Also, as #cale_b said, you should minify and bundle those scripts and stylesheets; those will put a hit on any browser.

Website loading slow in Safari (sometimes doesn't even load) and background images not showing up

I have a website which displays fine in IE, Chrome, FF and even on Chrome on Mac but it doesn't work on Safari on Mac.
Here's what happens.
When I open the home page, most of the page loads but not full. It keeps loading. So if I refresh the page, it opens instantly
No background image is being displayed
If I go to new page, it sometimes load very quickly but sometimes it doesn't load like point 1 above and I had to refresh it (sometimes even refreshing doesn't work so it is all random)
Safari version is 7.0.1 and OS is Max OS 10.9.1
This is one of the shitiest browser I have seen.
In my case, i solved this issue adding google dns 8.8.8.8 in the System Preferences > Network > Advanced > DNS.
I also tried empty the Safari cache, but it's not help.

Caching in FF and Safari vs. IE9 and Chrome

I just began to explore browsers other than IE and I came across the following behaviour:
In IE9, Flash movies (loading external mp4s) are cached so when you go back to the page it loads from the local copy, whereas in other browsers they seem to start downloading the movie again instead of using a cached copy.
Is this correct or am I missing something?
EDIT: I think Chrome also uses caching like IE9. so the question refers to Firefox and Safari only.
LATEST: Ok I have played around with Safari and Chrome and the issue is not to do with the caching. The issue is in flash swf, when I am loading external movies into the same player because I am using LOAD in actionscript it loads from the beginning because of the difference of the MP4 file. whereas using the same clip it uses the cached movie.
Is there a way caching the played movies from actionscript?
I have gone through the horrors of Flash caching files as well, however it was FF and Chrome that gave me the most trouble. Unfortunately, there is no way to control how the browsers cache. That is up to the user of the browser. Through an SWF you can not tell the browser NOT to cache and you can not tell the browser TO cache.
Does that answer your question?

Resources