Beefy Boxes and Bandwidth Generously Provided by pair Networks
"be consistent"

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

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!
  • Titles consisting of a single word are discouraged, and in most cases are disallowed outright.
  • 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
  • You may need to use entities for some characters, as follows. (Exception: Within code tags, you can put the characters literally.)
            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?

    What's my password?
    Create A New User
    and all is quiet...

    How do I use this? | Other CB clients
    Other Users?
    Others chilling in the Monastery: (5)
    As of 2017-11-20 00:35 GMT
    Find Nodes?
      Voting Booth?
      In order to be able to say "I know Perl", you must have:

      Results (282 votes). Check out past polls.