Minify CSS & JS, W3C compliance, GTmetrix "A"s, HTTP Response Headers

We are looking to improve the efficiency & maintainability of our website. This is for a seasoned, experienced individual or company with more than 7 years experience. Must be able to start now We will not pay 100% up front milestone. We will NOT create a milestone until you demonstrate your full understanding of our requirements We do not want to have to file a dispute for incompetent work to get our money back We have loads of CSS files & JavaScript in the wrong places. We want ONE Global CSS file. Minify the CSS & JS especially home page & all other pages We want CSS files & JavaScript files in the correct order. In the header the CSS files should be placed before the JavaScript Otherwise the processing of the page by the Browser can affect. JavaScript often creates page elements. It is important that the CSS for those elements are already processed We want to achieve GTMetrix website double "A"s. Dimensions need to be added to images without them Godaddy has a site protection scanning service. We want to eliminate all issues this protection scan is finding Obtain W3C HTML compliance Run CheckDog & correct any spelling errors Our Objective for the website but especially the Home Page is: 1 A Web page function should first attempt to be designed using only HTML & CSS. If that is not possible then a JavaScript implementation may be used. The JavaScript code should be h& coded using native JavaScript & not copied from a less than optimal source that uses a huge library (e.g. jQuery) to accomplish a rather simple function 2 The designer of our Home Page copied JavaScript from multiple sources. Each time including an entire jQuery library. There are three jQuery libraries specified on this page creating redundant & conflicting JavaScript functions. We need this corrected Delete these two line of JS in some of the pages <script type="text/javascript" src="/js/[login to view URL]"></script> <script type="text/javascript" src="/js/[login to view URL]"></script> Replace with this one line. <script src="//[login to view URL]"></script> Current HTTP Response Headers sent to the Browser look like this HTTP/1.1 200 OK Date: Thu, 13 Sep 2012 17:04:19 GMT Server: Apache Last-Modified: Sun, 29 Apr 2012 10:36:37 GMT ETag: "1876878-b581-e9821740" Accept-Ranges: bytes Content-Length: 46465 X-Powered-By: PleskLin MS-Author-Via: DAV Connection: close Content-Type: text/css The lines should look like this: HTTP/1.1 200 OK Date: Thu, 13 Sep 2012 17:04:19 GMT Server: Apache Last-Modified: Sun, 29 Apr 2012 10:36:37 GMT Accept-Ranges: bytes Content-Length: 46465 Connection: keep-alive Content-Type: text/html; charset=utf-8 Cache-Control: max-age=86400 Expires: Fri, 14 Sep 2012 17:33:46 GMT Vary: Accept-Encoding,User-Agent Content-Encoding: gzip This should be the first line in the PHP file when STATIC content is being served. <?php header('Cache-Control: max-age=86400'); When DYNAMIC content is being served, you tell the Browser NOT to cache. <?php header('Cache-Control: no-store, no-cache'); The default PHP settings the Cache-Control: no-store, no-cache is used. We require that this be updated for all pages gzip is more a a problem with hosing services. Sometimes the gzip library is not installed on the server. Use a conditional statement in the .htaccess file <ifModule mod_gzip.c> mod_gzip_on Yes mod_gzip_dechunk Yes mod_gzip_item_include file \.(html?|txt|css|js|php|pl)$ mod_gzip_item_include handler ^cgi-script$ mod_gzip_item_include mime ^text/.* mod_gzip_item_include mime ^application/x-javascript.* mod_gzip_item_exclude mime ^image/.* mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.* </ifModule> In some cases use PHP to serve the content with the gzip header & serve a gziped copy of the HTML Manually gzip the [login to view URL] & it is saved as [login to view URL] the PHP script sends the headers with the gzip header & then transmits the [login to view URL] file