Slow Page Loads in all browsers with long idle time to start - performance

When browsing the internet (all browsers) I experience a significant delay before the page load is initiated. I've used Chrome's Developer Tools to analyze the issue and in looking at the Performance tab, there is significant Idle time before any activities are started (see image). In addition, if I look at the network timeline, I see a gap in the waterfall timeline with no activity after the initial page request is made. Any suggestions as to the root cause or ideas for further troubleshooting?
Performance Tab in Chrome Developer Tools - page load for Firefox.com
Network Tab in Chrome Developer Tools - page load for Google.com

Related

Firefox always show development tools

Is there a way to always show developer tools when opening a new tab in Firefox?
In the past I always used Firebug, where I used to just detach a window, and it just automatically targetted whichever tab I was on.
However since it's now discontinued, I'm using Firefox's built in developer tools and am having an issue where every time I open a tab, I have to manually enable developer tools, then refresh the page every time.
This is fine most of the time (if not a little inconvenient), however if you are posting data, the extra refresh of the page can cause duplicate submission problems etc.

Loadrunner measure Siebel rendering UI

Is there a way to generate a LoadRunner script that also measures the rendering Siebel UI?
I'm using Siebel Open UI 8.1, LR 12 and IE11, Chrome 39 and Firefox 24 browsers.
If it's not to execute this performance scenario with LoadRunner, is there another option to cover it?
Yes, GUI Virtual user
GUI VUSER Login Time - Siebel Web Virtual user Login time = Time in GUI for Login
Continue this for any named timed event (save, page, etc...) This is a well established prototocol dating back as far as 1994.
Time in GUI consists of time required to run JavaScript and time required to draw information on the screen (rendering.) Check the developer tools of your browser to measure time in JavaScript and time in rendering
FYI: GUI Virtual Users are QTP-based clients. You could also achieve substantial similarity, without the actual drawing on the screen, but including JavaScript, with Truclient. But, since you indicate rendering is what you are after, then it goes to GUI virtual user

Check the performance of Chrome Extension

I want to check the performance of Google Chrome extensions of Chrome (like the loading time of backscripts), its loading time, and memory requirements. This means I've added an add-on and want to check after adding it their is a decrease in the performance of Chrome or is same. I there any tool for that.
Chrome provides useful tools to monitor your extension through the built-in Chrome DevTools.
If your extension is a popup, right click in it and choose Inspect element.
If your extension runs in background, go to the extensions page and click on the link background page of your extension.
In there you can:
evaluate network performance
profile the application Timeline
profile the JavaScript execution
Google Developers' ressources are the best way to learn more about these tools.

WP Mobile Detector, W3 Total Cache, Home Page, Blackberry Viewport, Responsive

I'm using WP Mobile Detector with W3 Total Cache and a responsive layout (media queries), and I have a few issues:
When I view the site locally (localhost) on a Blackberry, it looks good; the zoom/viewport is correct, media queries have trigger correctly etc. However, when I view the live site on the Blackberry, the viewport has zoomed out. In the context of a responsive layout, locally I see two columns, but on live I see all six columns (i.e. the Blackberry thinks it is a full browser - quite annoying!).
I thought I would deactivate W3 Total Cache to see if that was having any effect: yes, it was. When the cache is off, the viewport/zoom is good and all is well. Problem solved? Not quite...
With the cache off, I navigate to the live site and while the sub-pages of the site - e.g. www.SITE.com/about, www.SITE.com/contact - are responding with the mobile theme, when I click a link back to home (or type it into the address bar) - i.e. www.SITE.com/ - I'm no longer delivered the mobile theme, just the normal 'desktop' theme. If I go back to a sub-page I see the mobile theme again. What's going on there then.
When viewed on the Blackberry (for example), if I click the 'View Full Site' link (which triggers a Javascript function to modify the cookie) it doesn't show the full site (i.e. normal theme), it just refreshes and shows the mobile theme. However, when viewed in Firefox on the desktop (via a User Agent Switcher) the link DOES modify the cookie and switches back to the normal desktop theme.
Thoughts/Questions
W3TC does work with WPMD (mobile theme delivers minified JS/CSS), but maybe I haven't configured something correctly. The following two links were very useful and I have implemented the changes suggested:
--- http://snipplr.com/view/47970/wp-mobile-detector--w3-total-cache-integration/
--- http://journal.code4lib.org/articles/6223
Is this a known [Blackberry HotSpot/Internet Browser] issue? I have added the requisite meta tags in the document head to indicate viewport data, and the HandheldFriendly meta data which I understand is mainly for Blackberry purposes. As I said, it looks ok with the cache switched off, excepting the home page issue.
I should say it works nicely in Firefox with the User Agent Switcher extension set to iPhone 3, and I have none of the Blackberry issues.
WPMD works by setting a cookie. This appears to be working, else I wouldn't have seen the mobile theme at all.
Does the Blackberry have a problem with the Javscript function? Not easy to tell from the phone itself - might need to drop in a JS error monitor (I was looking at one the other day).
Who'd have thought mobile dev would be so tricky!
UPDATE 1
It's a few weeks since first posting, and I will soon be following Joshua and Frederick's advice to uninstall and then reinstall the [latest version of] W3TC and I'll post my results.
I found that different browsers (both desktop and mobile) treat javascript redirect statements differently. For example:
setTimeout(function(){window.location.reload();},10)
window.location.reload();
location.reload();
The three lines above effectively perform the same action (slightly different implementations, depending on your needs), but I had varying success across browsers using each one - Chrome worked with one, Firefox another, etc.. Unfortunately, I still could not get the Blackberry browser to perform a proper automatic refresh via Javascript.
What else...so, switching between desktop and mobile using a desktop PC/browser has proven interesting. Let's say we're on the desktop version, and we switch to the mobile version of the page. We're OK so far, but then we switch back to the desktop version of the page. Still OK, but if we quickly click a link on the desktop page to go to another [desktop] page then we may find ourselves looking at the mobile version instead of the desktop version.
So, what happened there? As the page was still loading when we clicked another link, did we interrupt something? Presumably not, as the cookie would have been set and sent in the previous request from the mobile version of the page to say, e.g., "show-desktop-version = true". If we do hit F5 or the browser's 'Refresh' button (or, in fact, a link to any other page) then we do see the correct mobile or desktop version (respectively).
Another interesting thing: say we're on our mobile version (using desktop browser), and we're looking at site.com/mypage, and on the page is a link to 'View Full Site' (VFS). We click VFS once and it refreshes but we're still seeing the mobile version. So we click again - same result. So we click again, and again, and again, and again, and - oh, OK this time it switched to the full site. This cycle/process seems to occur once, and then not for a while, and then happens again.
UPDATE 2
Regarding the mobile-desktop theme switching problems, please disregard my notes in 'Update 1'. One of my switcher links (from desktop theme to mobile), e.g....
View Mobile Site
...was using the query parameter (as you can see). I had used this technique to test whether a mobile browser was preventing a proper refresh as the link pointed to the same/current URL. The switcher link should have actually looked like this,
View Mobile Site
...with just a hash to allow the link to be clickable, while allowing the Javascript function to do its magic (update cookie, reload page).
Problem resolved.
(W3TC + WPMD compatibility still an issue for me - will post updates).
I am the developer of the WP Mobile Detector.
The issues you describe are exactly what happens when the W3 Total Cache is installed. For whatever reason, sometimes it is necessary to deactivate and delete the W3 Total Cache.
Two customers that I can remember reported issues even when the W3 Total Cache was disabled. Once it was removed, it fixed the problem. They then re-uploaded W3 Total Cache, made the changes at the link you posted, and seemed to be fine.
For whatever reason these issues seem to be more prevelant with newer versions of the W3 Total Cache. I need to get with Frederick (the creator of W3 Total Cache) and make sure the plugins play nice together.
Make sure to clear your cache on the BlackBerry device as well.
Without evaluating the plugin there are some things to consider here. First W3TC attempts by default to set a cookie to properly determine which page cache to use for user agent groups for smartphones and less-smart phones; it keeps unique caches for each because of the popularity of mobile theme plugins prior to popularity of responsive web design and progressive enhancement.
The user agent groups can be disabled or used to redirect visitors to another page or theme. The next release also removes the need for the cookie when user agent groups are set. A future release will also allow cookies to be used to unique cache user requests as well.

chrome developer tools, what's loading?

When I open a site the loading spinner keeps spinning in the favicon area and I see the 'waiting for site.com' message.
It seems to me like the site has already fully loaded, but evidently not.
How do I check what's still loading?
I'm happy to use Firebug as well if it's easier to see there.
Edit:
Network tab doesn't indicate anything is still loading.
Edit: is there any way to filter network tab to see what's still incomplete vs already completed requests
You can use developer tools (Network tab) for this analysis.
To check what's still loading, first open the Developer Tools (press F12) and switch to the Network tab. Then load the site; you'll see all the requests the page makes. From there, you'll be able to see which aren't yet done.

Resources