Monday, March 25, 2013

Internet Explorer 9/10 Tracking Protection Lists blocks YouTube.com, Google Maps, Twitter, Facebook, Social APIs, etc.


Tracking Protection in Windows Internet Explorer 9/10


A Tracking Protection List is enabled when your IE browser indicates the tracking protection icon (blue not circle) in the address bar of Windows Internet Explorer. 





A Tracking Protection List (TPL) blocks third-party content is allowed or blocked according to the rules defined in the TPLs that the user has installed. 

Tracking Protection Issues  - Blocking YouTube, Google Analytics, Google Docs, etc


Bad Tracking Protection List can be too restrictive and will block embedded YouTube Videos and embedded Google Maps, Documents, etc.  
If you see a empty placeholder with (blue not circle) icon that look like this;

then you have blocked content by Tracking Protection enable in Windows Internet Explorer!
Solution for Tracking Protection Lists that included Flash objects 
Contact me for a solution, rewrote swfobject for TP awarness -> https://github.com/swfobject/swfobject









Using Tracking Protection Lists in Windows Internet Explorer 9
To turn Tracking Protection Lists on or off

  1. In Windows Internet Explorer 9, click the Tools button , point to Safety, and then click Tracking Protection.

      
  2. In the Manage Add-ons dialog box, click a Tracking Protection List , and then click Disable.

To view the contents of an installed Tracking Protection List
  1. In Internet Explorer 9, click the Tools button  , point to Safety, and then click Tracking Protection.
  2. In the Manage Add-ons dialog box, click a downloaded Tracking Protection List, and then click More information.

What Are Tracking Protection Lists
A Tracking Protection List (TPL) is a simple UTF-8-format text file that you can host on a web server. Users can install a TPL directly from a website. As a user browses the web, some third-party content is allowed or blocked according to the rules defined in the TPLs that the user has installed. Periodically, Windows Internet Explorer checks installed TPLs for updates and can automatically download and apply changes so the latest protection is offered to the user.

Microsoft maintains a gallery of Tracking Protection Lists to which anyone can add TPL files. You can host on your own website, or upload it to the Microsoft gallery.

Monday, March 18, 2013

Browser Max Parallel Resource Requests 2013

The HTTP/1.1 spec, which suggests that browsers download two components in parallel per hostname, is currently rarely followed by browser vendors. 



BROWSER MAX PARALLEL CONNECTIONS PER BROWSER
Numbers resources [.js, images, .css]  that can be downloaded using a browser
IE 6, 7 2
IE 8, 9 6 Registry Tweak to 16  - http://www.enhanceie.com/ie/tweaks.asp
IE 9 6 ditto
IE 10 8 ditto
Google Chrome 1,2 hard coded
Google Chrome 3 4 hard coded
Google Chrome
4 -> 23
6 hard coded - Request ability to modify here....
https://code.google.com/p/chromium/issues/detail?id=12066
FireFox 2
FireFox 3 6
FireFox 4 -> 17 Change use URL about:config -> network.http.max-persistent-connections-per-server - can be changed to 1 and 255 inclusive avg. 16
Firefox  17 ->19 6 Change use URL about:config -> network.http.max-persistent-connections-per-server - can be changed to 1 and 255 inclusive avg. 16
Opera 10 8
Opera  11,12 6
Safari 3,4 4 hard coded

YUI (http://yuilibrary.com/) recommendation is to increase the number of parallel downloads by using at least two, but no more than four host names. Once again, this underscores the number one rule for improving response times: reduce the number of components in the page. 

Read full article here.....
http://www.yuiblog.com/blog/2007/04/11/performance-research-part-4/

Tuesday, March 12, 2013

IE 10 - HTML1423: Malformed start tag unlikely example



If you are getting this error in IE 10,
  
HTML1423: Malformed start tag. Attributes should be separated by whitespace, 

look at the code behind your page.
This bit of JavaScript code cause the above error.
alert("Say Hello to my li'l friend"); \\single quote, one cause 
This is now gone in new IE 11, even if you use dev tools(F12) to go back to 10.
Quotes Inspector


CHECK NOW for mismatched quotes

Sunday, March 10, 2013

HTML5 ★ BOILERPLATE

http://html5boilerplate.com/

HTML5 Boilerplate helps you build fast, robust, and adaptable web apps or sites. Kick-start your project with the combined knowledge and effort of 100s of developers, all in one little package.

Bootstrap vs Boilerplate
https://www.upwork.com/hiring/development/bootstrap-vs-boilerplate/

Tuesday, March 5, 2013

IE Development Tool

Limits to inline < style >< script > tags, should be used if less than ~1KB.
http://calendar.perfplanet.com/2011/why-inlining-everything-is-not-the-answer/

Request Timings

Timing details can seem a bit complex at first, but they’re fairly straightforward once you learn a few concepts.
Let’s start with a simple image request from the IETestDrive home page (after clearing the cache – see later), showing Timing details for GraySwooshWatermark.png:
Timings tab
Zooming in to the left-hand side:
Timings detail
The request/response cycle has seven timing components:
  • Wait – Time since start of page navigation to when the request started.
  • Start – From when the request was created to when it started to be sent.
  • Request – When the request was started to be sent to the first response.  Also known as time to first byte.
  • Response – Time from first byte to completion of receiving the response.
  • Gap – Time between response completion to page load event.
  • DOMContentLoaded – Time of DOMContentLoaded event.
  • Load (event) – Time of page Load event.