+ 39
Reduce external resources.
+ 39
compress CSS, minify your JS, compress images (use tech like gulp). it's good practice to put all styles in one file and compress it. that way the server loads the CSS once. and browsers nowadays cache everything so, that helps, mostly
+ 23
with using AJAX framework. It allows you to update only the form you need, not the whole page.
+ 11
Use Accelerated Mobile pages, optimize and compress/minify your files and images. For faster loads, you can also use a CDN such as Cloudflare or Amazon Web Services. Also place the <script> tag at the end of the page so that scripts keep loading and don't interfere with the loading of the page
+ 9
Too much Images and videos are the main cause of increased page load time, to check this you need to minimise the amount of media files contained in your page
+ 8
Made your javascript codes external and put the link at end of <body>
Externalize also your css... and optimize your ressources: mainly your images files: set appropriate resolution, and compress them enough to get ligths files. If you need to handle lot of images on once page, you should be advised to optimize by making an unique multi-image, from wich you display some parts depending on element you want to style... This can be a good improvment applied to many little files as icons and other decorative stuff ;)
+ 8
Most OS's have a limit setting for simultaneous connections you can make to a server. It's a client setting.
Other than this all the obvious things that affect bit-rate and parallel operations apply: you need (server and client) less data, more bandwidth, more threads, a faster computer, less contention, simpler layout, fewer uncached dependencies, a simpler protocol, etc.
Quite a lot of work also exists to make DOMs "finish" faster. Some continue in the background (AJAX, QUIC, ...) or...
Libraries are almost permanently cached. Just use a global source, so the only thing that happens is: "Did <library> change? No? I'll use my local copy then." Linked versions *never* change, hence the browser command from Google to 'cache for 1 year'. SoloLearn might flush their cache, but that would be a 'safe default' accommodation for beginners.
+ 6
(imagine in-code optimization) A post reminded me...to skip one round-trip to the server, append the first slash - also after any 'folder' (otherwise the browser requests which folder to start on...which for most sites is root: /)
https://www.google.com 2 trips
https://www.google.com/ 1 trip
Specifying https:// when you know you want it: skips protocol discovery (the visit to http: port 80, then 30x redirect -- or worse, meta/page redirects -- to https: port 443)
DNS misconfiguration can also really mess up performance. If you intend to configure DNS, practice, learn, get it right.
+ 5
with Ajax, which permit you to reload only the updated part
+ 4
Google PageSpeed Insights API* will give you automatic suggestions:
https://developers.google.com/apis-explorer/#s/pagespeedonline/v2/
* "Analyzes the performance of a web page and provides tailored suggestions to make that page faster."
+ 2
adding CSS before d ending of <head >
and stript before the ending of <body>
+ 2
compress css , JavaScript and minify HTML webpages
make use of static web rather than dynamic PHP .
reduce HTTP requests as much as you can
optimize all images present on webpage.
optimize database and sql queries
use GZip on server
enable caching on webpages
make use of CDN
make sure u r using external frameworks by uploading them to your own server. instead of using other links
+ 2
use cached javascript files
+ 1
Reduce the amount of large items and files
+ 1
compress css, clean all codes but most important compress your images and reduce the external sources at minimum, use svg instead pngs or jpgs. always less is more!
+ 1
Optimize your js and css files! Delete unneeded files from loading web page
+ 1
Try to keep the code optimized. Use optimized images. Avoid unnecessary codes and variables. Look at the Google page source they didn't even write the code in extra spacing to reduce the page load time.
If you are using images first of all make them web usages in Photoshop to get the least size.
+ 1
Link your scripts externally and place them just before the closing body tag. This reduces delays in waiting for pages to render
+ 1
Delete unused code, minimize (compess) your code and use inline styles in head tag of your html files! my pages have all a 100/100 scoring :-)
+ 1
A few things you can do I haven't seen mentioned, now broken down in more posts as it was too long:
1) Browsers only download 2 - 4 things simultaneously from a host. To get around this limit create your own mini CDN. Add a subdomain (or more) to serve images, css, fonts and JavaScript. That way the browser can download as many things simultaneously as it wants to, if you use enough subdomains (4?). For optimum results pick one of the below options:
a) Use a different domain to host your CDN on.
b) Don't use www.yourdomain.com but only yourdomain.com for your site and then serve content from img.yourdomain.com, css.yourdomain.com, etc.
By using one of those options, when the browser requests a file from your CDN (like a css file) it will only get the file it requested. If it is served from the same domain as your html (or from any subdomain if you use www.yourdomain.com) it will get both the file AND cookies with every single request. If you have a lot of small files the cookies could be bigger than the files they come with..
Often have questions like this?
Learn more efficiently, for free:
Hot today
Pig Latin
0 Votes
Someone can help me
0 Votes
Square Roots
0 Votes
What's wrong with this?
2 Votes
I’m new someone can help me
0 Votes
What's doctype htMl
2 Votes
HTML community, HELP!!
0 Votes