Join Sara Morgan Nettles for an in-depth discussion in this video Optimizing images, part of Visualforce: Improving Performance.
- Heavy usage of images in your Visualforce page…can quickly lead to performance problems.…High quality images tend to be very large in size,…and you should really use care…when including them in your pages.…Rather than using images,…consider using CSS instead…to give you the same visual effect.…And if you are using a lot of images…to replace elements such as buttons,…consider combining them all into a single graphic file…and then referencing them as CSS sprites…using the background-image…and background-position properties in your CSS.…
This can really help to reduce the number…of HTTP requests that your page uses.…To get started with sprites,…you might want to check out this great website…at spriteme.org,…which allows you to group your images into sprites,…and then it will recompute…the CSS background-positions for you,…and inject the sprite into the current page.…Be sure to check out the SpriteMe demo link,…which steps you through how to use the tool.…Another idea is to optimize your images…by compressing them into the smallest size possible.…
AuthorSara Morgan Nettles
- Reducing and eliminating view states
- Evaluating SOQL for efficiency
- Using Workbench and the Query Plan tool to evaluate queries
- Reducing use of action tags through Visualforce remoting
- Working with the StandardSetController class
- Using static resources
Skill Level Intermediate
1. Getting Started
2. Reducing or Eliminating View State
3. Evaluating Queries for Efficiency
Limiting data returned10m 8s
4. Reducing Use of Action Tags
5. Taking Advantage of StandardSetControllers
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.