- The size of the loaded content.
- Hard/Long Queries.
- The complexity of the processing Algorithm.
Improve Drupal 7 performance
Always Set the Image Width and Height to the Real Image Size:
You should use thumbnail and resized images instead if resizing the images from width and height attributes, It's tempting, when putting up images, to use the Web browser to resize your graphics. By this I mean, you've taken a picture with your digital camera. It's 1024x768 in dimension. You want to post it to your Web site, but you don't have time to resize it with Photoshop. So you upload it to your site, and post it to your Web page. Then in the image tag you write
Aggregate CSS and JS files:
Drupal support Aggregations and compression Features which can be enabled from "Configuration => performance" or from the following URL http://www.yourwebsite.com/#overlay=admin/config/development/performance
Enable Block & Page Caching:
Drupal support "Caching" for Blocks and pages which can be enabled from "Configuration => performance" or from the following URL http://www.yourwebsite.com/#overlay=admin/config/development/performance
Use the appropriate Image format :
There are three image formats widely used in web pages: GIF, JPEG, and PNG. You need to choose the right format for your website images so that they will look good and still be a reasonable size. Remember that web pages need to be about 70k or less (images and all) so that your pages download fast – this keeps your site visitors from falling asleep. Points to remember:
- Use JPEG to save photographs.
- JPEG cannot have transparent backgrounds.
- JPEG is not good at preserving exact colors – don’t use them for logos or text.
- Use GIF to save images that have sharp lines (like text) and solid colors Examples:
- A solid red square
- A typical corporate logo
- Use GIF to save images that need to have a transparent background.
- GIF was invented for creating screen graphics – don’t use GIF for images that you want to print on paper because they will look crappy.
- Use PNG if you want to have images with blended (fades smoothly), transparent backgrounds.
- Use PNG if you need to create print ready high-resolution graphics.