| <!doctype html PUBLIC "HTML 4.0.1 Strict" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html> |
| <body> |
| <div class="item"> |
| <img id="opt_puzzle_img" src="../mod_pagespeed_example/images/OptPuzzle.jpg"> |
| </div> |
| <div id="nocache"> |
| This is non-cacheable item. |
| </div> |
| <div id="encoded"> |
| “Tést sömê «entities» |
| ©®™” – ಠ_ಠ |
| </div> |
| <div class="item"> |
| <img id="cuppa_img" src="../mod_pagespeed_example/images/Cuppa.png"> |
| </div> |
| <div class="item"> |
| <img id="puzzle_img" src="../mod_pagespeed_example/images/Puzzle.jpg"> |
| </div> |
| <div class="inspiration"> |
| <img id="iron_chef_img" src="../mod_pagespeed_example/images/IronChef2.gif"> |
| </div> |
| <div id="dyna"> |
| This is dynamically added item.<br> |
| </div> |
| <script type="text/javascript"> |
| if (criticalVar == 11) { |
| var img=document.createElement('img'); |
| img.src='../mod_pagespeed_example/images/BikeCrashIcn.png'; |
| img.id='bikecrash_img'; |
| var div=document.getElementById('dyna'); |
| div.appendChild(img); |
| } |
| </script> |
| <!-- Filler text and image to get some content below the fold. This is a |
| form of the standard "Lorem ipsum" nonsense Latin text as generated by |
| http://www.lipsum.com/. See: http://en.wikipedia.org/wiki/Lorem_ipsum --> |
| <p> |
| Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vestibulum |
| sagittis massa, ut consequat nisi lobortis sit amet. Mauris adipiscing tortor |
| sit amet arcu feugiat eget consequat augue tincidunt. Curabitur feugiat, |
| sapien non blandit consequat, risus massa viverra mi, in tristique turpis |
| ipsum sit amet elit. Vivamus et velit eu orci placerat facilisis. Etiam |
| commodo augue sed felis ornare eu interdum leo imperdiet. Maecenas sit amet |
| ipsum justo, sit amet volutpat neque. Curabitur eget ipsum mauris, id ornare |
| nisl. Morbi nec luctus nibh. Nulla facilisi. Donec at dolor tellus, vitae |
| rhoncus turpis. Pellentesque id diam ante, sit amet suscipit erat. |
| <p> |
| Mauris velit eros, tincidunt id porta nec, pretium vestibulum risus. Aenean |
| lectus felis, mollis a imperdiet vel, sodales eu ligula. Sed sed pretium ante. |
| Quisque id odio diam, ut hendrerit nulla. Vestibulum pulvinar ornare magna non |
| rhoncus. Pellentesque habitant morbi tristique senectus et netus et malesuada |
| fames ac turpis egestas. Ut semper, sem vitae sodales hendrerit, tellus dolor |
| tristique magna, eget condimentum nibh sem quis nibh. Sed imperdiet sem quis |
| justo suscipit viverra. Vestibulum bibendum nulla vulputate risus pulvinar eu |
| porttitor turpis aliquet. Praesent elementum nunc vitae dui consectetur |
| accumsan. |
| <p> |
| Ut sem odio, facilisis sit amet cursus in, tempus sit amet risus. Etiam congue |
| tristique erat quis euismod. Curabitur faucibus ipsum posuere justo viverra at |
| accumsan massa suscipit. Aliquam pellentesque ullamcorper dolor vel malesuada. |
| Nam a eros erat, sed lobortis lorem. Vestibulum quis neque velit, at sagittis |
| enim. Vestibulum ut ligula massa, viverra adipiscing urna. Cras pretium magna |
| id dolor tincidunt pellentesque. Mauris lacinia arcu nec dui pulvinar lacinia. |
| Fusce ut dolor quis justo placerat auctor. Vivamus tempus fermentum laoreet. |
| Etiam aliquam volutpat urna, sed sagittis lacus ultrices sed. Duis euismod |
| fermentum risus, ut semper nisl vehicula non. |
| <p> |
| In vitae eleifend tortor. Etiam at turpis erat. Suspendisse condimentum |
| condimentum vestibulum. Aliquam erat volutpat. Nunc nec dui lectus. Nulla nunc |
| dolor, scelerisque ut consectetur eget, feugiat ac purus. Ut sed dui non nisi |
| eleifend rutrum. Sed ut nisi elit. Praesent vel odio erat, sit amet sodales |
| leo. |
| <p> |
| Aenean sed massa ut neque rutrum pretium quis ut mauris. Sed laoreet nisi id |
| urna facilisis sit amet convallis nisi vestibulum. Fusce tortor ipsum, dapibus |
| non aliquam et, tempor quis sem. Sed et neque ut neque posuere dignissim. |
| Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac |
| turpis egestas. Nulla vitae tincidunt lectus. Suspendisse tellus justo, |
| faucibus ut condimentum quis, aliquam ut ipsum. Nam tempus viverra turpis, |
| quis laoreet est luctus eu. Aliquam sed pulvinar arcu. Mauris commodo, erat |
| fringilla convallis faucibus, mi urna tincidunt risus, vitae volutpat arcu |
| nisl pulvinar dui. Aliquam neque magna, pretium non venenatis non, feugiat |
| pellentesque lacus. Etiam quis nunc non nisl feugiat interdum ac ultricies |
| neque. Sed sodales, nibh a fermentum dignissim, velit urna pretium diam, eu |
| placerat mauris quam eu purus. Nunc sapien velit, ultrices eu ornare porta, |
| posuere id lectus. Cras faucibus, elit nec luctus malesuada, diam erat |
| placerat velit, ac fringilla sapien lacus id mi. |
| <p> |
| Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vestibulum |
| sagittis massa, ut consequat nisi lobortis sit amet. Mauris adipiscing tortor |
| sit amet arcu feugiat eget consequat augue tincidunt. Curabitur feugiat, |
| sapien non blandit consequat, risus massa viverra mi, in tristique turpis |
| ipsum sit amet elit. Vivamus et velit eu orci placerat facilisis. Etiam |
| commodo augue sed felis ornare eu interdum leo imperdiet. Maecenas sit amet |
| ipsum justo, sit amet volutpat neque. Curabitur eget ipsum mauris, id ornare |
| nisl. Morbi nec luctus nibh. Nulla facilisi. Donec at dolor tellus, vitae |
| rhoncus turpis. Pellentesque id diam ante, sit amet suscipit erat. |
| <img id="btf_puzzle_img" src="../mod_pagespeed_example/images/Puzzle.jpg" |
| alt="Puzzle"> |
| </body></html> |