browser

Browse, browser or browsing may refer to: read more at WikiPedia

  • I really like this small Firefox extension Smushit as it allow to quickly check if all my images are optimized for the best size and thus speed of rendering. But wait IE/Opera/Chrome can still use this bookmarlet :-) to optimize the images found on any web page!

    From http://www.smushit.com/

    Image optimization is an art that not many people master. There are many good image editing tools that allow us to get the best visual result for a certain file size but "under the hood" a lot more optimization can be done.

    Smushit.com is a service that goes beyond the limitations of Photoshop, Fireworks & Co. It uses image format specific non-lossy image optimization tools to squeeze the last bytes out of your images - without changing their look or visual quality. You'll get a report of how many bytes you can save by optimizing your images and all the changed images as a single zip for download.

    Saving bytes has never been so easy - you point us in the right direction, and we'll do the rest for you. A ZIP archive with optimized images will be generated for you.

  • mobile.waltercedric.com

    I’ve created an optimized site for mobile, it is pretty basic but is lightning fast on any smart phone (Android, iPhone, Windows Mobile). I will invest more time on it later this week.

    It detect and redirect visitors to an optimized template (pda) which only display what is worth, aka articles content.

    Regular user can see how it look like by cheating Joomla! and switching template on the fly http://www.waltercedric.com/index.php?template=pda

    I did not follow this tutorial, found it too late,&160; but it is really complete and easy to follow. By the way, opera has a “small screen rendering” view in Opera 10, visit my site or any other and click SHIFT-F11 together.

    The plugin with its template can be downloaded free of charge at Joomla! extension directory (JED) here

    &160;

    I did test it in IE8/IE7/Opera10/Firefox/Chrome, but send me an email if you encounter any issues..

  • Data URI scheme is a URI scheme that provides a way to include data in line in web pages as if they were external resources. [WikiPedia]

    Why you may want to start embedding images in CSS ?

    • It reduce the number of http requests: instead of 1+N HTTP requests (1 for aggregated CSS file and N for images) you'll get 1+1 requests (1 for aggregated CSS file and one for CSS file with all images), which gives you faster page loading and lower server load.
    • CSS is cached by browsers and these images can be reused with a CSS selector/class (<li> are obvious candidate if they use images)
    • Attention Internet Explorer 5 to Internet Explorer 7 do not support inline images!

    NOTA: Drupal has a module “CSS Embedded Images” to automatize the inclusion of external images in CSS, while Joomla has nothing Sad smile something that could be done in Joomla platform, in an extension like JFinalizer….or in the Gantry framework!

    I did start looking at the code of “CSS Embedded Images” and I am trying to make it a class for Joomla 2.5

    Compatibility

    • Google Chrome
    • Firefox 2+ / Gecko
    • Opera 7.2+
    • Safari
    • Konqueror and derivatives

    You can create data URL with

    <?php echo base64_encode(file_get_contents("http://www.acme.com/images/myimage.png")) ?>

    or by using one of the many online generator

    (X)HTML Image Embedding example
    <img alt="Embedded Image" 
      src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIA..." />
    CSS Image Embedding Example
    div.image {
      width:100px;
      height:100px;
      background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIA...);
    }
    XML Image Embedding Example
    <image>
      <title>An Image</title>
      <link>http://www.your.domain</link>
      <url>data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIA...</url>
    </image>
  • YSlow analyzes web pages and tells you why they're slow based on the rules for high performance web sites. YSlow is a Firefox add-on integrated with the popular Firebug web development tool. YSlowgives you:

    • Performance report card
    • HTTP/HTML summary
    • List of components in the page
    • Tools including JSLint

    Download HERE
    Visit also the homepage of the team behind this tool: Yahoo!'s Exceptional Performance Team

    You should not take too much time to guess that I am currently optimizing my homepage :-)
    Be careful, running this tool more than 5 times make my Firefox crash ;-)

    Some statistics:
    Some useful links
    Be careful! a lot of host get pretty low metering (just test your favorite internet site), but are still very fast-> this tools do not tell You their infrastructure: memcache server, multiple db server, multiple file server for static content and so on.
  • Oslo, Norway - April 19, 2005
    Opera Software today launched the highly anticipated new version of its browser, Opera 8 for Windows and Linux. Internet users can now surf the Web faster, safer and easier than before. Opera 8 is a substantial upgrade from previous versions, and includes new features such as a unique security information field that indicates the trustworthiness of banking and shopping Web sites and voice interaction capabilities. The new version of Opera also introduces an advanced page-resizing function that adapts Web pages to fit the width of any screen or window. Today's release for Windows is available in English, German, Dutch and Polish, with more languages to follow. The Linux version is available in English, also with more languages to come. A beta version of Opera 8 for Mac (English) is also available today.
    Download for Windows - Linux - Mac - Others