In Progress

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/[url removed, login to view]"></script>

<script type="text/javascript" src="/js/[url removed, login to view]"></script>

Replace with this one line.

<script src="//[url removed, login to view]"></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 [url removed, login to view] & it is saved as [url removed, login to view] the PHP script sends the headers with the gzip header & then transmits the [url removed, login to view] file

Skills: AJAX, CSS, Javascript, MySQL, PHP

See more: w3c css minify, w3c compliance jquery, wrong header, work home money front, work designer home, web page designer line, web designer years experience, sun source, statement problem, scanning work home, objective statement, js do, jquery libraries, javascript code library, global response, functions web designer, finding work home, finding author website, dynamic cache, designer improve website, create html content, create problem statement, library min max, problem statement, amp control

About the Employer:
( 44 reviews ) Lacombe, United States

Project ID: #2504286