Beefy Boxes and Bandwidth Generously Provided by pair Networks
P is for Practical
 
PerlMonks  

Comment on

( #3333=superdoc: print w/ replies, xml ) Need Help??

While working on the redesign I became familiar with the existing CSS on PM. When an anonymous user loads the main page two CSS files are downloaded. common.css and Blue web-safe CSS. Using different tools and verifying against a list of 105 PM pages I was able to determine what CSS was not being used. This CSS can be removed which mean less data needs to be sent to the end users.

HTML comments were another thing I found that can be stripped out. Here is the before and after of the main page:

Current version:
$ wc pm_divs.html 
 1545  6537 73719 pm_divs.html

After stripping comments:
$ wc pm_divs.html 
 1515  5942 70317 pm_divs.html

A savings of 3,402 bytes for the main page and similar savings for all other pages on the site as well. Talk about some major bandwidth savings. I also found empty paragraph tags that I stripped out as well. Furthermore I noticed that the content being delivered does not include ‘Content-Encoding gzip’ or any other indication of compressions. As numerous studies have shown compression is a good thing.

So why is there no compression before transmission of a web page?

Edit: Linked to the CSS files.


In reply to PM CSS and markup optimizations by kimmel

Title:
Use:  <p> text here (a paragraph) </p>
and:  <code> code here </code>
to format your post; it's "PerlMonks-approved HTML":



  • Posts are HTML formatted. Put <p> </p> tags around your paragraphs. Put <code> </code> tags around your code and data!
  • Read Where should I post X? if you're not absolutely sure you're posting in the right place.
  • Please read these before you post! —
  • Posts may use any of the Perl Monks Approved HTML tags:
    a, abbr, b, big, blockquote, br, caption, center, col, colgroup, dd, del, div, dl, dt, em, font, h1, h2, h3, h4, h5, h6, hr, i, ins, li, ol, p, pre, readmore, small, span, spoiler, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, wbr
  • Outside of code tags, you may need to use entities for some characters:
            For:     Use:
    & &amp;
    < &lt;
    > &gt;
    [ &#91;
    ] &#93;
  • Link using PerlMonks shortcuts! What shortcuts can I use for linking?
  • See Writeup Formatting Tips and other pages linked from there for more info.
  • Log In?
    Username:
    Password:

    What's my password?
    Create A New User
    Chatterbox?
    and the web crawler heard nothing...

    How do I use this? | Other CB clients
    Other Users?
    Others making s'mores by the fire in the courtyard of the Monastery: (3)
    As of 2014-08-31 11:36 GMT
    Sections?
    Information?
    Find Nodes?
    Leftovers?
      Voting Booth?

      The best computer themed movie is:











      Results (294 votes), past polls