• Post Reply Bookmark Topic Watch Topic
  • New Topic
programming forums Java Mobile Certification Databases Caching Books Engineering Micro Controllers OS Languages Paradigms IDEs Build Tools Frameworks Application Servers Open Source This Site Careers Other Pie Elite all forums
this forum made possible by our volunteer staff, including ...
Marshals:
  • Campbell Ritchie
  • Tim Cooke
  • paul wheaton
  • Jeanne Boyarsky
  • Ron McLeod
Sheriffs:
  • Paul Clapham
  • Liutauras Vilda
  • Devaka Cooray
Saloon Keepers:
  • Tim Holloway
  • Roland Mueller
Bartenders:

improve speed of web pages

 
Ranch Hand
Posts: 1283
Netbeans IDE Chrome Java
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
Hello,

I need to find ways by which we can improve web page speed. I come to know some of general aspects for it like avoiding JS, graphics, widgets etc etc. but is there any ways, which we could change in our html coding by which pages we can explore web pages faster? HTML 5 is also an option but what what are the other option in it to make it more better.


Thanks,
KS
 
Ranch Hand
Posts: 1609
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
Is it pure HTML? then whatever you have mentioned like JS and graphics should be considered, thing would different if page is dynamic. You would need to consider server side delays which is another big deal in itself.
 
Rancher
Posts: 43081
77
  • Likes 2
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
Before you make any changes you need to determine where the perceived slowness comes from. Is it really because of the HTML/CSS/JS content? Or is maybe the ntework connectivity bad? Is the web server or the DB slow? Before you have answered these questions in detail, any optimization is premature.
 
Kaustubh G Sharma
Ranch Hand
Posts: 1283
Netbeans IDE Chrome Java
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator

Ulf Dittmer wrote:Before you make any changes you need to determine where the perceived slowness comes from. Is it really because of the HTML/CSS/JS content? Or is maybe the ntework connectivity bad? Is the web server or the DB slow? Before you have answered these questions in detail, any optimization is premature.



I am just looking for fectors which make website soon and what we can do it to make it fast. This is kind of pre development research. I don't have any idea what html they'll use for it, but there must be some code tricks, tools or perticular option which we can use and could avoid to make it fast.

Some example that I have got from google is to avoid :

Too Many HTTP Requests:

Minimal Client-side Processing

Failure to leverage browser cache / local storage

Third-party widgets

Too many bytes



and Some we must use for best practise are::


Using HTML 5 for performance improvements (In detail)
Reducing the file size of HTML documents (In detail)
Speeding up JavaScript: Working with the DOM (In detail)
Minimizing browser reflow (In detail)
Optimizing caching(In detail)
Compressing your JavaScript with Closure Compiler (In detail)
Capturing and analyzing browser paint events using Page Speed Activity (In detail)
Web metrics: Size and number of resources(In detail)
Optimizing JavaScript code (In detail)
Optimizing web graphics (In detail)
Optimizing OpenSocial gadgets (In detail)
Prefetching resources (In detail)
Using web accelerator (In detail)
Use a CDN(In detail)
Add an Expires header
Put stylesheets at the top and scripts at the bottom
Avoid CSS expressions
Reduce DNS lookups
Avoid redirects
Configure ETags
Make AJAX cacheable



What else we can do to make it speedy
 
Kaustubh G Sharma
Ranch Hand
Posts: 1283
Netbeans IDE Chrome Java
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator

Akhilesh Trivedi wrote:Is it pure HTML? then whatever you have mentioned like JS and graphics should be considered, thing would different if page is dynamic. You would need to consider server side delays which is another big deal in itself.



not sure about the version it may be 4 or 5, but they'll use HTML for sure
 
Ulf Dittmer
Rancher
Posts: 43081
77
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
Start by using tools such as YSlow and PageSpeed. Plus, measure where the time goes - network, web server, DB server, rendering, ...
 
Rancher
Posts: 4804
7
Mac OS X VI Editor Linux
  • Likes 1
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
You have far more than you need to start. Follow @Ulf's advice, use existing technology to measure the current performance. Its pointless to speed up things that are not slow, and you can't know until you measure.
 
Rancher
Posts: 2759
32
Eclipse IDE Spring Tomcat Server
  • Likes 1
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
Premature optimization is the root of all evil. GO for the simplest solution first.
 
Bartender
Posts: 6663
5
MyEclipse IDE Firefox Browser Linux
  • Likes 1
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator

I come to know some of general aspects for it like avoiding JS, graphics, widgets etc etc. but is there any ways, which we could change in our html coding by which pages we can explore web pages faster? HTML 5 is also an option but what what are the other option in it to make it more better.



Why would you avoid JS ? Why do you think loading pages written on HTML 5 is faster ?

It sounds to me like you have a hammer and you're looking for nails that may not exist.
 
Kaustubh G Sharma
Ranch Hand
Posts: 1283
Netbeans IDE Chrome Java
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator

Deepak Bala wrote:

I come to know some of general aspects for it like avoiding JS, graphics, widgets etc etc. but is there any ways, which we could change in our html coding by which pages we can explore web pages faster? HTML 5 is also an option but what what are the other option in it to make it more better.



Why would you avoid JS ? Why do you think loading pages written on HTML 5 is faster ?

It sounds to me like you have a hammer and you're looking for nails that may not exist.



Hello Deepak... Mentioned ain't my aspects. I did google for it and found out these facts. I really appreciate if you help me to correct it.

Best Regards,
Kaustubh
 
Ranch Hand
Posts: 172
Redhat Ruby C++
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
You could try https://developers.google.com/speed/pagespeed/service (there is a apache httpd module which can optimize the html+css, for example)
 
Greenhorn
Posts: 28
Mac Eclipse IDE Spring
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
Basic work around will be like, reducing the 3rd party links from your webpage..

for eg:

instead of www.***.com/js/**.js

you can keep that .js file inside your container like., ../js/**.js
 
There's a hole in the bucket, dear Liza, dear Liza, a hole in the bucket, dear liza, a tiny ad:
We need your help - Coderanch server fundraiser
https://coderanch.com/wiki/782867/Coderanch-server-fundraiser
reply
    Bookmark Topic Watch Topic
  • New Topic