Ask questions and learn from expert freelancers
As you can read among other answers in this post it's not 1 solution but combination of multiple mechanismes. You could separate it at different levels like hardware, software and content.
Good hardware is a no-brainer and is simple. Get good hosting for your website but look around before you buy. There so much different provider on the market to choose from but not all focus on webhosting as their core-business. Some are very cheap and good but have a lot of limits, others are expensive but overkill or not even that good as they say. We offer hosting ourselves and know from experience it's fully depending on your needs. Sometimes people will tell you to get a VPS or even a dedicated server but these days shared webhosting can be as good as your VPS.
Software can be seen as how you run your website (WordPress, Magento, Shopify, Drupal) but also on which software it runs like cPanel control panel, Apache or Nginx webserver, compression, Google PageSpeed etc. Again you need to look at your hoster and second you need a reliable CMS and/or clean coding for your website. If you use an PHP website it's preferred to use Linux but would you use ASP then go with Windows. If your basics are good, you already achieved 50% of your goal.
It seems most of your points has already been answered by other Freelancers. However I would like to put emphasis on one point use fonts like Font Awesome for icons etc. This will help reduce call for images. Secondly use image sprite (google it) to combine multiple images into one. This will help reduce the number of calls to server in scenario where you are using more than one images in a page.
Wish you all the best.
Here is the Best Answer if you are using Wordpress CMS .
1) Go to Plugin -> Add New -> Search for W3 Total Cache -> Install and activate ->
This is plugin has free and paid version , if cost is no bar then i suggest to go with paid one .
If you are using free version you might be not able use CDN and GPI Dashboard .
So for free user , first set the general setting , -> enable , cache , compression and minify option .
Go to browser setting and also check mark on set expire header .
Now if you wanted to enable the CDN , you need to set up API key .
So once you are done with above step , you will note that your site speed is increased by 50%.
Note : Render-blocking of js and css is never going to solve as some JS required to be placed on the head tag.
1. First of all you have to use a good hosting provider. If cost is not a bar then please use dedicated hosting or cloud platform like Amazon AWS to host your website.
2. You should optimize your code, clean and well.
3. Use content delivery network CDN for speedup the delivery for the resources.
4. Optimize Images, JS, CSS.
5. Enable GZip to compression.
6. Try to use images as low as possible
7. Try to serve scaled images
8. Specify proper image dimensions
9. Minimize redirects and Minimize request size
10. Specify a cache validator
12. Minimizing HTTP redirects from one URL to another.
You can follows the following technique:
1.First of all you need to choose a good host.
2.Use a content delivery network(CDN).
3.Optimize your site images and homepage. For home page show excerpts instead of full posts and reduce the number of posts on the page.
4.You can use a good cache plugin if it was wordpress site Or can create your own code for cache information's.
5. Remove all dead url from your site and not add extra css and js files for all page( adding with conditions in which page you needs).
8 ways to improve your website performance
In this age of instant updates, same-day delivery, and otherwise high customer service expectations, site visitors simply are not going to wait very long for your website to download. Web performance and download speeds are a growing science and research shows that milliseconds can make a real difference in customer behavior and getting those sales conversions
1. Code your site for mobile-first quality and speed
2. Reduce image size
3. Try a CDN
4. Cache as much as possible
5. Combine images into sprites
7. Review your hosting service plan
8. Adopt cloud-based website monitoring
Performance has many aspects,
Application performance can be hit by backend or frontend
You need to check that your db is pushing out data fast or not as per your SLA
If DB seems to be fine, look into Server side code to find issue with bad logic or manytimes db calls within loops are found hitting performance. Duplicate DB calls can hit performance also.
Opt for Bulk Insert/Update/Delete Operation wherever possible
If UI is blocking or UI getting time to load, then you need to seriously consider using modern frameworks like React JS or Angular
You can also use performance tools based on framework you are using to test Load and performance testing of you application
1. You should optimize your code, clean and well, such as PHP/.NET/Java server side, JS, CSS.
2. Use CDN/Cache.
3. Optimize Images
4. Secure your code and check/remove malwares.
But if you have a really heavy site with high traffic..I would suggest to go with some content delivery network(cdn). Paid version of "cloud-flare " is among best for professional use!
One thing I found very important when improving your site loading speed is not to use plugins. Most of the time instead of them improving the speed they kind of slow down the site.