website performance advise

Posted on 2007-10-01
Last Modified: 2010-08-05
im working on a project and i want to make it so its performance is maximised.

when i develop sites i try to follow a few guidelines like using CSS sprites, external CSS and JS files instead of inline CSS and embedded JS, using cache control, using gzip compression and so on.  However i want to see what you think is the best approach to maxmising a websites performance.

1) would you use combine all your images into one big image (aka CSS spirtes) or would you use lots of separate images (which requires more HTTP requests) ?

2) would you separate your CSS into many files such as form.css, table.css, menu.css etc etc so they are easier to handle and manage or would you use use a CSS file for the whole site and cache it?  (im aware that this question isnt 100% related to website performances but im still curious to know what you think...)

3) im a little embarrassed with this next question as i should really know this. it refers to cache control.  if i make the components of a webpage (image, CSS & JS files) cache-able, how can i use cache control to tell the browser not to make new HTTP requests for fresh versions of the component during page load?
Question by:ellandrd
    1 Comment
    LVL 23

    Accepted Solution

    I suggest going with point 2 as a part of performance as they will be handled all separetly aos you cant control cache to tell the browser not to make new HTTP request, as it all depending of many factors like client's browser settings and more over if the date time saved changes for a file, then it will definately look for newer versions. Option 2 is recommended highly for good performance and tuning.

    Featured Post

    How your wiki can always stay up-to-date

    Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
    - Increase transparency
    - Onboard new hires faster
    - Access from mobile/offline

    Join & Write a Comment

    Suggested Solutions

    Title # Comments Views Activity
    Share post from Facebook Tab Application 6 17
    Display recordset field HTML encoded 21 38
    Problem to run file 9 78
    WCAG audit tools 1 39
    Most of the sites are being standardized with W3C Web Standards. W3C provides lot of web standard services to the web. They have the web specification, process and documentation for all the web standards. You can apply HTML, CSS and Accessibility st…
    Introduction Knockoutjs (Knockout) is a JavaScript framework (Model View ViewModel or MVVM framework).   The main ideology behind Knockout is to control from JavaScript how a page looks whilst creating an engaging user experience in the least …
    The viewer will learn how to dynamically set the form action using jQuery.
    The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

    732 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    17 Experts available now in Live!

    Get 1:1 Help Now