Optimize the website

[Rajashree Bejekar]

What are the exact recommended steps to optimize the website?

[Mandeep]

Hello,

Check the below points which are quite essentials from development point of view . You need to understand the basic optimization rules thereby decrease the download sizes, make fewer http request and optimize assets using below techniques.

``````

Make fewer HTTP requests
Use a Content Delivery Network
Optimize images
Minify JavaScript
Minify CSS
Minify HTML
Avoid / Minimize redirects
Enable gzip compression
Inline small JavaScript/CSS
Put CSS in the document head
Avoid bad requests
Minimize request size

``````

This will surely help in improving the loading time of the website.

[Swapnil]

The another point should be take into consideration that your server should be well optimized. It includes web-server optimization, MySQL server optimization (Or other database servers)
The web-server will serve pages faster and with Mysql optimization your SQL quires will fetch data faster from server. You can also consider to have http caching system like varnish...

[Jayant R. Danech]

Hi,


Below are points along with some of their description..

1. Image Optimization - Images can be heavy and may take some time for the image to load completely..
2. Reduce HTTP Requests - The more the HTTP requests your web page, the more slow it loads.
3. Minify CSS and Javascript - It means removing unnecessary characters from your CSS, HTML, and javascript that are not required to load the page..
4. Time to First Byte - This is the measurement of the responsiveness of the web server. Time the browser takes to start receiving information from the web server..
5. Avoid 301 Redirects - Redirect generates additional round trip times and it quickly may double or increase the time that it requires to load the page.
6. Caching - Caching the contents those rarely changes facilates the web page performance.
7. PHP7 - PHP 7 is proven to handle more requests per second than the older version of PHP.
8. Hotlink protection - It refers to restricting the HTTP referrers to prevent anyone from using your assets on other websites

RewriteEngine On
RewriteCond %{HTTP_REFERER} !^http://(.+\.)?domain\.com/ [NC]
RewriteCond %{HTTP_REFERER} !^$
RewriteRule .*\.(jpe?g|gif|bmp|png)$ http://<domain>/prohibit.gif [L]

9. Enable Gzip Compression - It compresses the javascript, css, and web pages directly at server level before it sends them over to the user's browser.

<IfModule mod_deflate.c>
# Compress HTML, CSS, JavaScript, Text, XML and fonts
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
AddOutputFilterByType DEFLATE application/x-font
AddOutputFilterByType DEFLATE application/x-font-opentype
AddOutputFilterByType DEFLATE application/x-font-otf
AddOutputFilterByType DEFLATE application/x-font-truetype
AddOutputFilterByType DEFLATE application/x-font-ttf
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE font/opentype
AddOutputFilterByType DEFLATE font/otf
AddOutputFilterByType DEFLATE font/ttf
AddOutputFilterByType DEFLATE image/svg+xml
AddOutputFilterByType DEFLATE image/x-icon
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/javascript
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/xml

# Remove browser bugs (only needed for really old browsers)
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4\.0[678] no-gzip
BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
Header append Vary User-Agent
</IfModule>

10. Serve Scaled Images - It is preferred to upload your images at scale instead of relying on the CSS to size them down, however, if you do, then you will run into something like little Google Pagespeed recommendation as follows:

"Optimization suggestion: "By compressing and adjusting the size of ** you can save 6.5 KB (55%).

11. Database Optimization - Optimizing database server and properly housekeeping the individual database does help in performance.