Login   Register  
PHP Classes
elePHPant
Icontem

Accelerate Page Load

Recommend this page to a friend!
Stumble It! Stumble It! Bookmark in del.icio.us Bookmark in del.icio.us

      PHP Classes blog  >  Accelerate Page Loadi...  >  All threads  >  Accelerate Page Load  >  (Un) Subscribe thread alerts  
Subject:Accelerate Page Load
Summary:Try this alternative CSS method
Messages:6
Author:John Rutherford
Date:2010-10-22 10:58:03
Update:2010-10-24 03:00:58
 

  1. Accelerate Page Load   Reply  
Picture of John Rutherford
John Rutherford
2010-10-22 21:22:45
Normal CSS DIVs have a default CSS position of static.

I use a container DIV with the position set as relative. Inside this DIV I have another empty child placeholder DIV setting width and height dimensions of the required JavaScript.

Immediately before then end of the container I have another DIV with style set to position:absolute. The width and height dimensions jump to the empty child placeholder position.

Give it a whirl, it is simple and very effective.

  2. Re: Accelerate Page Load   Reply  
Picture of capitanqueso
capitanqueso
2010-10-22 21:59:09 - In reply to message 1 from John Rutherford
Yeah!! Congratulations I understand you had a child. Is a boy or a girl?

Now, is there a way to put simple example in code? as in:
[code]
<div>This is an example</div>
[/code]

  3. Re: Accelerate Page Load   Reply  
Picture of Manuel Lemos
Manuel Lemos
2010-10-22 22:21:07 - In reply to message 1 from John Rutherford
Great, I will try that too.

  4. Re: Accelerate Page Load   Reply  
Picture of John Rutherford
John Rutherford
2010-10-23 05:25:01 - In reply to message 3 from Manuel Lemos
Here we go, a working example

http://johns-jokes.com/downloads/phpclass_org/adsense_delaye ...

and the code is included.

  5. Re: Accelerate Page Load   Reply  
Picture of capitanqueso
capitanqueso
2010-10-23 06:50:56 - In reply to message 4 from John Rutherford
Awesome!! thanks @johnRutherford thats really useful!! Some one may resent the empty spaces but I prefer that before the whole page frozen for a lousy add. Thanks again.

  6. Re: Accelerate Page Load   Reply  
Picture of Manuel Lemos
Manuel Lemos
2010-10-24 03:00:58 - In reply to message 1 from John Rutherford
I was looking into this but it seems that it does not change the problem, I mean remotely retrieved delaying the load of the rest of the page.

It may seem that ads load later, but that is just because AdSense code generates its own iframes on which the ads load. Still the initial AdSense code stalls the load of the rest of the page.

That is not the case when making the ads at the bottom of the page using JavaScript to move them back to the original position.