Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>In addition to using server side compression, using intelligent coding is the best way to keep bandwidth costs low. You can always use tools like <a href="http://dean.edwards.name/download/#packer" rel="nofollow noreferrer">Dean Edward's Javascript Packer</a>, but for CSS, take the time to learn <a href="http://www.webcredible.co.uk/user-friendly-resources/css/css-shorthand-properties.shtml" rel="nofollow noreferrer" title="CSS Shorthand Examples">CSS Shorthand</a>. E.g. use:</p> <pre class="lang-css prettyprint-override"><code>background: #fff url(image.gif) no-repeat top left; </code></pre> <p>...instead of:</p> <pre class="lang-css prettyprint-override"><code>background-color: #fff; background-image: url(image.gif); background-repeat: no-repeat; background-position: top left; </code></pre> <p>Also, use the cascading nature of CSS. For example, if you know that your site will use one font-family, define that for all elements that are in the body tag like this:</p> <pre class="lang-css prettyprint-override"><code>body{font-family:arial;} </code></pre> <p>One other thing that can help is including your CSS and JavaScript as files instead of inline or at the head of each page. That way your server only has to serve them once to the browser after that browser will go from cache.</p> <h3>Including Javascript</h3> <pre><code>&lt;script type="text/javascript" src="/scripts/loginChecker.js"&gt;&lt;/script&gt; </code></pre> <h3>Including CSS</h3> <pre><code>&lt;link rel="stylesheet" href="/css/myStyle.css" type="text/css" media="All" /&gt; </code></pre>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    3. VO
      singulars
      1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload