FireBug / Page Speed

I've been playing around using FireBug / Page Speed on some of my Clients' Test and Prod Elgg sites. I see some interesting comments from running the analyses and the various recommendations. Has anyone else used FB/PS to good effect ? I'd be curious to exchange notes here. e.g. simple recommendations such as "Minifying the following CSS resources could reduce their size by 16.3KiB (17% reduction)" and "Optimizing the following images could reduce their size by 13.1KiB (32% reduction). " is staggering and reminds us how stewpid we sometimes get to be with unoptimized code... 2 am++ goodnight - I'll be back tomorrow...

I've been playing around using FireBug / Page Speed on some of my Clients' Test and Prod Elgg sites. I se some interesting comments from running the analyses and the various recommendations. Has anyone else used FB/PS to good effect ? I'd be curious to exchange notes here. e.g. simple recommendations such as "Minifying the following CSS resources could reduce their size by 16.3KiB (17% reduction)" and "Optimizing the following images could reduce their size by 13.1KiB (32% reduction). " is staggering and reminds us how stewpid we sometimes get to be with unoptimized code... 2:30 am++ goodnight - I'll be back tomorrow...

 

  • hehe, tired enough to post the same message twice eh?

  • @dhrup i have something special up my sleeve, but you need to skype me a reminder

  • Hey Drup, Check this out. here.  I am trying to use this from last night lot of people speed up their site by using this please check this I am sure you will definately find something from it .

    There is a script which combines the js and css and then compress to make page loader faster.and they use .htaccess to rewrite it.

    LIke:-

    RewriteEngine On

    RewriteBase /
    RewriteRule ^css/(.*\.css) /combine.php?type=css&files=$1
    RewriteRule ^javascript/(.*\.js) /combine.php?type=javascript&files=$1

    and in script they define path like.

    $cache 	  = true;
    $cachedir = dirname(__FILE__) . '/cache';
    $cssdir = dirname(__FILE__) . '/css';
    $jsdir = dirname(__FILE__) . '/javascript';
    please share with us if you find it works with elgg.
    Thanks

     

  • @GH Can you post some more detailed code examples plz thx..

  • @dhrup Click on here on my last post or this is a site url where this thing is explainde with more detailed. amd combine.php file is also available to download.

    http://rakaz.nl/2006/12/make-your-pages-load-faster-by-combining-and-compressing-javascript-and-css-files.html

  • Full code is here

    <?php
    $cache = true;
    $cachedir = dirname(__FILE__) . '/cache';
    $cssdir = dirname(__FILE__) . '/css';
    $jsdir = dirname(__FILE__) . '/javascript';

    // Determine the directory and type we should use
    switch ($_GET['type']) {
    case 'css':
    $base = realpath($cssdir);
    break;
    case 'javascript':
    $base = realpath($jsdir);
    break;
    default:
    header ("HTTP/1.0 503 Not Implemented");
    exit;
    };

    $type = $_GET['type'];
    $elements = explode(',', $_GET['files']);

    // Determine last modification date of the files
    $lastmodified = 0;
    while (list(,$element) = each($elements)) {
    $path = realpath($base . '/' . $element);

    if (($type == 'javascript' && substr($path, -3) != '.js') ||
    ($type == 'css' && substr($path, -4) != '.css')) {
    header ("HTTP/1.0 403 Forbidden");
    exit;
    }

    if (substr($path, 0, strlen($base)) != $base || !file_exists($path)) {
    header ("HTTP/1.0 404 Not Found");
    exit;
    }

    $lastmodified = max($lastmodified, filemtime($path));
    }

    // Send Etag hash
    $hash = $lastmodified . '-' . md5($_GET['files']);
    header ("Etag: \"" . $hash . "\"");

    if (isset($_SERVER['HTTP_IF_NONE_MATCH']) &&
    stripslashes($_SERVER['HTTP_IF_NONE_MATCH']) == '"' . $hash . '"')
    {
    // Return visit and no modifications, so do not send anything
    header ("HTTP/1.0 304 Not Modified");
    header ('Content-Length: 0');
    }
    else
    {
    // First time visit or files were modified
    if ($cache)
    {
    // Determine supported compression method
    $gzip = strstr($_SERVER['HTTP_ACCEPT_ENCODING'], 'gzip');
    $deflate = strstr($_SERVER['HTTP_ACCEPT_ENCODING'], 'deflate');

    // Determine used compression method
    $encoding = $gzip ? 'gzip' : ($deflate ? 'deflate' : 'none');

    // Check for buggy versions of Internet Explorer
    if (!strstr($_SERVER['HTTP_USER_AGENT'], 'Opera') &&
    preg_match('/^Mozilla\/4\.0 \(compatible; MSIE ([0-9]\.[0-9])/i', $_SERVER['HTTP_USER_AGENT'], $matches)) {
    $version = floatval($matches[1]);

    if ($version < 6)
    $encoding = 'none';

    if ($version == 6 && !strstr($_SERVER['HTTP_USER_AGENT'], 'EV1'))
    $encoding = 'none';
    }

    // Try the cache first to see if the combined files were already generated
    $cachefile = 'cache-' . $hash . '.' . $type . ($encoding != 'none' ? '.' . $encoding : '');

    if (file_exists($cachedir . '/' . $cachefile)) {
    if ($fp = fopen($cachedir . '/' . $cachefile, 'rb')) {

    if ($encoding != 'none') {
    header ("Content-Encoding: " . $encoding);
    }

    header ("Content-Type: text/" . $type);
    header ("Content-Length: " . filesize($cachedir . '/' . $cachefile));

    fpassthru($fp);
    fclose($fp);
    exit;
    }
    }
    }

    // Get contents of the files
    $contents = '';
    reset($elements);
    while (list(,$element) = each($elements)) {
    $path = realpath($base . '/' . $element);
    $contents .= "\n\n" . file_get_contents($path);
    }

    // Send Content-Type
    header ("Content-Type: text/" . $type);

    if (isset($encoding) && $encoding != 'none')
    {
    // Send compressed contents
    $contents = gzencode($contents, 9, $gzip ? FORCE_GZIP : FORCE_DEFLATE);
    header ("Content-Encoding: " . $encoding);
    header ('Content-Length: ' . strlen($contents));
    echo $contents;
    }
    else
    {
    // Send regular contents
    header ('Content-Length: ' . strlen($contents));
    echo $contents;
    }

    // Store cache
    if ($cache) {
    if ($fp = fopen($cachedir . '/' . $cachefile, 'wb')) {
    fwrite($fp, $contents);
    fclose($fp);
    }
    }
    }
  • And here is code for garbage collector which need to add at the bottom of this script.

    // garbage collector deletes old version from cache
    $dh = opendir($cachedir);
    while (false !== ($filename = readdir($dh))) {
    if ($filename == ‘.’ || $filename == ‘..’)
    continue;
    if (strpos($filename,”-”.$md5_file_list) && $filename != $cachefile)
    unlink($cachedir.’/’.$filename);
    }

  • me too, wanna know if anyone make a progress on this idea !!

  • there is a minify plugin in the repository. ;)