Comments on: P3PC: Collective Media http://www.stevesouders.com/blog/2010/04/14/p3pc-collective-media/ Essential knowledge for making your web pages faster. Sat, 04 Feb 2012 09:46:28 +0000 hourly 1 http://wordpress.org/?v=3.2.1 By: Server Herder http://www.stevesouders.com/blog/2010/04/14/p3pc-collective-media/#comment-2180 Server Herder Tue, 13 Jul 2010 03:41:59 +0000 http://www.stevesouders.com/blog/?p=1181#comment-2180 There's seems to be a paradox in the anti document.write mantra: How is this script supposed to know where its output should go? This script, for example, uses a common technique of finding the last script on the page and inserting before that. This, however, fails when dynamically inserted unless it truly is the last script on the page (unlikely). Without being able to rely on the assumptions that only document.write can provide, is there another mechanism for finding "this script element" that's works when scripts are attached to the DOM in arbitrary order? There’s seems to be a paradox in the anti document.write mantra: How is this script supposed to know where its output should go?

This script, for example, uses a common technique of finding the last script on the page and inserting before that. This, however, fails when dynamically inserted unless it truly is the last script on the page (unlikely).

Without being able to rely on the assumptions that only document.write can provide, is there another mechanism for finding “this script element” that’s works when scripts are attached to the DOM in arbitrary order?

]]> By: Christian http://www.stevesouders.com/blog/2010/04/14/p3pc-collective-media/#comment-2006 Christian Wed, 28 Apr 2010 22:39:48 +0000 http://www.stevesouders.com/blog/?p=1181#comment-2006 Using 204 for image beacons doesn't sound very clean because the onerror eventhandler is being invoked by the img tags when 204 is received. I like to attach an onload handler to my beacons to remove them after use which wouldn't work anymore. Using an onerror handler for this purpose is ugly. Using 204 for image beacons doesn’t sound very clean because the onerror eventhandler is being invoked by the img tags when 204 is received.

I like to attach an onload handler to my beacons to remove them after use which wouldn’t work anymore. Using an onerror handler for this purpose is ugly.

]]> By: Thiago Cavalcanti http://www.stevesouders.com/blog/2010/04/14/p3pc-collective-media/#comment-1972 Thiago Cavalcanti Sun, 25 Apr 2010 21:46:39 +0000 http://www.stevesouders.com/blog/?p=1181#comment-1972 I suppose it's not so bad for Collective Media since even Google AdSense doesn't fare much better on this kind of analysis. Good to know about BuySellAds though! I suppose it’s not so bad for Collective Media since even Google AdSense doesn’t fare much better on this kind of analysis.

Good to know about BuySellAds though!

]]> By: sunnybear http://www.stevesouders.com/blog/2010/04/14/p3pc-collective-media/#comment-1967 sunnybear Sat, 24 Apr 2010 06:43:12 +0000 http://www.stevesouders.com/blog/?p=1181#comment-1967 @Steve: 1) We re-define document.write only on window.onload. On this point .write can't be applied by any widget - this just breaks the page. 2) Can you please create a post with drawbacks after document.write re-defining? This will be very interesting. @Steve:
1) We re-define document.write only on window.onload. On this point .write can’t be applied by any widget – this just breaks the page.
2) Can you please create a post with drawbacks after document.write re-defining? This will be very interesting.

]]> By: Steve Souders http://www.stevesouders.com/blog/2010/04/14/p3pc-collective-media/#comment-1964 Steve Souders Thu, 22 Apr 2010 02:10:35 +0000 http://www.stevesouders.com/blog/?p=1181#comment-1964 @sunnybear: I've talked to several people who override document.write. Many of the bigger sites back away from this because of compatibility bugs and constraints (eg, more than one 3rd party snippet is doing document.write). It might be an acceptable short term workaround for smaller sites, but we as an industry need a better solution (eg, <a href="http://www.stevesouders.com/blog/2010/02/15/browser-performance-wishlist/" rel="nofollow">Frag Tag</a>). @sunnybear: I’ve talked to several people who override document.write. Many of the bigger sites back away from this because of compatibility bugs and constraints (eg, more than one 3rd party snippet is doing document.write). It might be an acceptable short term workaround for smaller sites, but we as an industry need a better solution (eg, Frag Tag).

]]> By: sunnybear http://www.stevesouders.com/blog/2010/04/14/p3pc-collective-media/#comment-1963 sunnybear Wed, 21 Apr 2010 21:06:06 +0000 http://www.stevesouders.com/blog/?p=1181#comment-1963 Steve, we are working on delaying such kind of widgets to window.onload event (using xhtml-document-write replacement + DOM nodes juggling). I'm not sure whether it's a good idea (all resources will be still loaded, but overall load time can be greater), but this lead to better UI. If idea isn't clear - I can describe it more, but we need your opinion about this method - how potentially good it can be? Steve, we are working on delaying such kind of widgets to window.onload event (using xhtml-document-write replacement + DOM nodes juggling). I’m not sure whether it’s a good idea (all resources will be still loaded, but overall load time can be greater), but this lead to better UI. If idea isn’t clear – I can describe it more, but we need your opinion about this method – how potentially good it can be?

]]> By: kangax http://www.stevesouders.com/blog/2010/04/14/p3pc-collective-media/#comment-1947 kangax Thu, 15 Apr 2010 13:39:56 +0000 http://www.stevesouders.com/blog/?p=1181#comment-1947 > It’s debatable if you need to set the language (line 6) and type (line 7), but that’s minor. "language" attribute is deprecated for more than 10 years now, so I wouldn't say it's debatable ;) See http://perfectionkills.com/optimizing-html/#7_script_language_javascript `if (b == null) { }` on line 4 can be easily replaced with `if (!b)` and `i.setAttribute('type', ...)` — with `i.type = ...`. In line 9, there's no need to break script start tag into "scr" and "ipt" (it's end tag that matters). Similarly, language attribute serves no purpose there. And speaking of script end tag, it would be cleaner to escape "</" into "<\/" instead of breaking "</script" into "</scr" + "ipt". > It’s debatable if you need to set the language (line 6) and type (line 7), but that’s minor.

“language” attribute is deprecated for more than 10 years now, so I wouldn’t say it’s debatable ;) See http://perfectionkills.com/optimizing-html/#7_script_language_javascript

`if (b == null) { }` on line 4 can be easily replaced with `if (!b)` and `i.setAttribute(‘type’, …)` — with `i.type = …`.

In line 9, there’s no need to break script start tag into “scr” and “ipt” (it’s end tag that matters). Similarly, language attribute serves no purpose there. And speaking of script end tag, it would be cleaner to escape “</" into "<\/" instead of breaking "</script" into "</scr" + "ipt".

]]> By: Gregor http://www.stevesouders.com/blog/2010/04/14/p3pc-collective-media/#comment-1945 Gregor Wed, 14 Apr 2010 23:33:05 +0000 http://www.stevesouders.com/blog/?p=1181#comment-1945 Hey Steve, I see this post for the 5th time now in my Google reader. What's happening? And what is for times 6 = ? Hey Steve, I see this post for the 5th time now in my Google reader. What’s happening?

And what is for times 6 = ?

]]>