Page Weight
All Landing Pages (LP) need to fall under a 175K page weight limit. If you are creating test cases, the control must also be updated to fall under the weight limit.
The Marketing team and QA will be using the YSlow plugin to verify this. Make sure you add this FireFox plugin. It requires Firebug to run. You can find the plugins here:

 

FireBug - http://getfirebug.com/

YSlow - http://developer.yahoo.com/yslow/

Image Optimization
All of our pages (LPs and Forms) also need to have the images and jquery/js scripts on the Content Delivery Network (CDN). Links to these resources need to be hardcoded prior to sending the project to QA. Make sure to commit your IMG and INCLUDES/JS directories first and send the revision ID to Joe Padilla. You will receive a verbal confirmation that your assets are on the CDN server. Include the IMG revision ID along with the project revision ID in your QA request form.

 

The JS and jQuery Resources on the CDN are:
/includes/js/
/tools/js/

Read here to learn about implementing the Content Delivery Network (CDN) link.

NOTE: The procedure outlined above is only for projects with new test cases (pages that don’t already exist in production). If you are updating an asset that’s already in production, we will need to refresh the CDN cache AFTER your updates have been thru QA and pushed into production. Make sure to notify Joe Padilla if your project requires this.

Internet Explorer 6
Your pages need to display correctly in IE6. We are currently using IE Tester.

http://www.my-debugbar.com/wiki/IETester/HomePage

You can target IE easily by adding only 1 extra attribute in your CSS file.

 

#myelement {

color: #999; /* shows in all browsers */

*color: #999; /* notice the * before the property - shows in IE7 and below */

_color: #999; /* notice the _ before the property - shows in IE6 and below */

}

You can refer to this link for more hacks http://paulirish.com/2009/browser-specific-css-hacks/

 

CSS Files
CSS files need to be moved to the CDN server. This will only apply for new builds moving forward. We will be following the same directory structure for IMGs by creating a CSS directory.

 

Examples
Form - css/007cadf/000/form/form-000.css
Landing Page - css/007cadf/000/lp/000-5e13/lp-0005e13.css