+ 26
How to reduce page load time?
I always try to reduce image sizes. What else should I do?
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.
+ 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.
+ 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.
+ 5
Use ad blocking browsers like UC Browser and reduce the size of image.
+ 5
Delete cache regularly
+ 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:GoogleMicrosoftIBMNetflixWill 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.
+ 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.. :)
+ 3
well, image size, video size also, manage your pages and decorations like icons and such, keep them to a minimum....
+ 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.
+ 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)
+ 2
use frameworks
use less traffic in webpages
use cache
and most imoortant-include script tag just before body closes
+ 2
Try page optimization
use caches
Reduce your Image size
choose a time efficient programming language
+ 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.
+ 1
for imagens you can use tinypng.com or tinyjpg.com
+ 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....
+ 1
you can use page cache. it can accelerate the loading of the page which had been requested recently.
+ 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.
+ 1
Best thing use Frame work
+ 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
+ 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.