Website Page Speed Up Tools Resources
- Category: Web Development
- Created on 2011-05-18
Being a web developer and Desinger you will wondering how to speed up your website page like HTML and CSS, Otherwise it will negatively affect your visitors and search engines like Google. In this post will list of some of the best web services, applications and tools for greatly reduce the development time!
1. Yahoo! YSlow
YSlow analyzes web pages and suggests ways to improve their performance based on a set of rules for high performance web pages. YSlow is a Firefox add-on integrated with the Firebug web development tool. YSlow grades web page based on one of three predefined ruleset or a user-defined ruleset.
Page Speed is an open-source project started at Google to help developers optimize their web pages by applying web performance best practices. Page Speed started as an open-source browser extension, and is now deployed in third-party products such as Webpagetest.org, Show Slow and Google Webmaster Tools.
Try our free web site speed test to improve website performance. Enter a URL below to calculate page size, composition, and download time. The script calculates the size of individual elements and sums up each type of web page component. Based on these page characteristics the script then offers advice on how to improve page load time.
4. SmartSprites
SmartSprites will let you easily introduce and maintain CSS sprites in your designs. SmartSprites parses special directives you can insert into your original CSS to mark individual images to be turned into sprites.
5. Pingdom Tools - Full page test
Pingdom Tools allows web developer or blogger to test the load time of a web page for free. What you need to do is enter a URL to test the load time of all elements on that page, so that you can find out the slow-loading items and improve them.
6. Zen Coding — a new way of writing HTML and CSS code
7. CleverCSS
CleverCSS is a small markup language for CSS inspired by Python that can be used to build a style sheet in a clean and structured way. In many ways it's cleaner and more powerful than CSS2 is.
8. Haml
Haml is a markup language that’s used to cleanly and simply describe the HTML of any web document without the use of inline code. Haml functions as a replacement for inline page templating systems such as PHP, ASP, and ERB, the templating language used in most Ruby on Rails applications.
9. Sass
Sass makes CSS fun again. Sass is an extension of CSS3, adding nested rules, variables, mixins, selector inheritance, and more. It’s translated to well-formatted, standard CSS using the command line tool or a web-framework plugin.
10. xCSS
xCSS bases on CSS and empowers a straightforward and object-oriented workflow when developing complex style cascades. Using xCSS means a dramatic cut down to your development time by: having a intuitive overview of the overall CSS structure, using variables, re-using existing style cascades and many other handy features.
11. Test a website's performance
Speed up the performance of your web pages with an automated analysis.
REVIEWS:
