How to reduce page load time? | Sololearn: Learn to code for FREE!
New course! Every coder should learn Generative AI!
Try a free lesson
+ 26

How to reduce page load time?

I always try to reduce image sizes. What else should I do?

29th Oct 2016, 1:23 PM
//Lana Wilson
//Lana Wilson - avatar
21 Answers
+ 44
Not only image size (height x width).. think more on image optimization: use the right format for the image content (jpg for photograph, png or gif for graphics) and optimize for quality vs file size. Minify your page files, specially JavaScript files. Computers doesn't need the identation and spaces to make the code human readable. So, before posting your web page, use the tools out there to minify the files. Make shure your page is delivered through a CDN (Content Delivery Network). The closer the server to the user, the faster it will load. Take in consideration the database queries that your web page needs to do and optimice your database model and engine as needed. A friend of mine was explaining to me the other day that instead of loading a new web page everytime you go to a link on your site, you can "refresh" parts of the page to show the content that the user ask. Refreshing parts of the page instead of loading a new entirely page will reduce the time needed for user experience. Hope this tips helps you on reduce page load times.
29th Oct 2016, 2:02 PM
Nelson Urbina
Nelson Urbina - avatar
+ 18
use htaccess file to save cache files of your directory so page load time will become more efficient. use https://developers.google.com/speed/pagespeed/insights/ To test your page speed and it will show suggestions also for optimisation.
31st Oct 2016, 8:51 AM
Samkitkumar Jain
Samkitkumar Jain - avatar
+ 10
- Reduce Images sizes (or use a compress tool) - Load minified CSS and Javascript files - Reduce database queries - Try not to load many images in the page as much as you can - Host your website in a fast server - Include CSS and Javascript files from CDN to load the files faster - Use Cache - Use a lazy image library so the page will load then the image will be loaded after so. - Choose a fast programming language to develop your website.
1st Nov 2016, 9:34 PM
Hasan Al-Yazidi
Hasan Al-Yazidi - avatar
+ 5
Use ad blocking browsers like UC Browser and reduce the size of image.
13th Dec 2016, 4:33 PM
Rudransh Joshi
Rudransh Joshi - avatar
+ 5
Delete cache regularly
13th Dec 2016, 4:33 PM
Rudransh Joshi
Rudransh Joshi - avatar
+ 4
There are lots of other JavaScript frameworks out there, but jQuery seems to be the most popular, and also the most extendable.Many of the biggest companies on the Web use jQuery, such as:GoogleMicrosoftIBMNetflixWill jQuery work in all browsers? There are several ways to start using jQuery on your web site. You can: 2 .     Include jQuery from a CDN, like Google If you don't want to download and host jQuery yourself, you can include it from a CDN (Content Delivery Network). Both Google and Microsoft host jQuery. One big advantage of using the hosted jQuery from Google or Microsoft: Many users already have downloaded jQuery from Google or Microsoft when another site. As a result, it will be loaded from cache when they visit your site, which leads to faster loading time. Also , most CDN's will make sure that once a user requests a file from it, it will be served from the server closest to them, which also leads to faster loading time.
31st Oct 2016, 7:59 PM
Mohammed Salem
Mohammed Salem - avatar
+ 4
things which can be done is :- 1) while importing stuffs(jquery,bootstrap) use CDN instead of hosting yourself in your code. 2) use of minified code help to load faster i.e. absence of unwanted spaces in your files. 3) if you using server side language's in your code for example making an simple http server in node js , caching files data will be more helpful for faster loading. 4) use of small size of images,icons,audio and video will might help you. hope this tips will help you.. :)
1st Nov 2016, 1:54 PM
sahil gupta
sahil gupta - avatar
+ 3
well, image size, video size also, manage your pages and decorations like icons and such, keep them to a minimum....
29th Oct 2016, 1:30 PM
Adam Salehe
Adam Salehe - avatar
+ 3
make a separate file for css and js and other imp pages required for your web page. Try to have least content in each page .Try to seperate content in more pages rather saving all content in one page. Up vote if you like.
29th Oct 2016, 1:47 PM
Apurav Mahajan
Apurav Mahajan - avatar
+ 3
you should also enable webserver compression (i.e. apache mod_deflate). this will increase speed. also reduce number of http roundtrip between the browser and webserver (i.e. reduce the number of external file requests on webpage).consider using reverse proxy (nginx)
15th Nov 2016, 10:34 PM
Simone Branca
Simone Branca - avatar
+ 2
use frameworks use less traffic in webpages use cache and most imoortant-include script tag just before body closes
10th Dec 2016, 3:12 PM
manish rawat
manish rawat - avatar
+ 2
Try page optimization use caches Reduce your Image size choose a time efficient programming language
13th Dec 2016, 8:38 AM
Sruthi Radhakrishnan
Sruthi Radhakrishnan - avatar
+ 2
To do this, first of all, make sure your image is in right size and optimization is ok- that is you used image file of type JPEG or PNG. They are the best for web. Secondly, use 'external' CSS file and JavaScript file and importantly place them at the last of your centent- just above the </HTML> tag. Thirdly, please have a good space in the 'hosting' for fastest loading.
13th Dec 2016, 4:38 PM
Saklaen
+ 1
for imagens you can use tinypng.com or tinyjpg.com
1st Nov 2016, 9:37 PM
Tiago Fuelber
Tiago Fuelber - avatar
+ 1
reduce image size ... set height and width configure the website to be displayed differently on mobile and desktop... pay for good servers .. purchase the hosting with unlimited bandwidth....
2nd Dec 2016, 1:54 PM
Rahul Sharma
Rahul Sharma - avatar
+ 1
you can use page cache. it can accelerate the loading of the page which had been requested recently.
4th Dec 2016, 5:45 PM
Alvin
Alvin - avatar
+ 1
Have you ever browsed the YouTube website? When you click a link, the new page is fetched through Ajax rather than loading an entire new page. Only parts of the page are loaded and the rest are left as it is. This is how the pages on YouTube load really fast.
5th Dec 2016, 1:54 AM
Nikunj Arora
Nikunj Arora - avatar
+ 1
Best thing use Frame work
6th Dec 2016, 1:45 AM
Dhiraj singh✔️
Dhiraj singh✔️ - avatar
+ 1
use JavaScript and css at the designing time.. because CSS leads to less number of codes...because in CSS we define property in <style> tag and we dont need to define attribute for each tag in html coding.... and JavaScript executes on client computer which means , client processor will be used for that ...that means faster load time
10th Dec 2016, 5:04 PM
Rahul Sharma
Rahul Sharma - avatar
+ 1
First reduce your http request as much as you can. Minify js and CSS. Load your css file in top and js file in footer. Reduce db queries, try to use sp. And use yslow add-on for more info.
14th Dec 2016, 6:11 AM
Nisarg Hingu
Nisarg Hingu - avatar