JavaScript for Modern Web Design

javascript code example

JavaScript Introduction There is a wide variety of programming languages to utilize when creating websites and other digital spaces. There is HTML, which is a markup language used to define the web content and create structures like headings, paragraphs, embedded images, videos and data tables. CSS is another language that is used to stylize the structures set by HTML. This is expressed through content layout, colors and fonts. To create truly versatile and amazing content, developers and designers add JavaScript to the process. After using the other two languages to set down a solid base, JavaScript is a language that …

Continue Reading

Javascript Obfuscator Tools

javascript tools

Compresses JS code in real-time via PHP scripts on your web server If you are a power user that constantly is changing your Javascript code it can become a hassle to repeatedly compress your JavaScript manually. In these circumstances a real-time Javascript compressor is the best solution. Real-time compressors run actively on your web server and will compress and cache your Javascript based on pre-programmed configuration. These on-demand Javascript Minifiers (usually written in PHP) take ALL your page requested JS script(s) and compress it into a single Minified JS script that is then “served” to the end user’s web browser. …

Continue Reading

Why You Should Minify JavaScript

Example of minified javascript

Easy to follow rules to guide you in achieving enterprise performance from your website They’re a myriad of reasons to compress your Javascript, according to Yahoo!, purveyor of some of the highest trafficked websites on the internet knows a thing or two about optimizing websites for peak performance. Among many other things website optimization tips such as reducing HTTP requests, adding expires headers, using Gzip, proper JavaScript page placement, omitting duplicate JS scripts and configuring ETags – Minifying JavaScript is listed as one of the most impact performance enhancements you can make. Read more on Yahoo!’s Rules for High Performance …

Continue Reading

View Javascript Page Load Times With Firebug and ySlow

speedometer showing loading speed

Incredible Firefox extensions for web developers Firebug and ySlow are (in our opinion) the two most helpful tools (of all time) created to help web developers. If you don’t already have these Firefox extensions installed – download them now! ySlow especially gives you great insight into how your Javascript code loads, in what order the Javascript loads and how long the Javascript takes to load. You will immediately see that Javascript more often than not accounts for 70+ percent of the total KB downloaded by a web browser to render a webpage. Minimize this code NOW and be amazed on …

Continue Reading

Compressed JavaScript = Faster Website

faster website

Faster loading pages make your users happy… and your wallet loves less bandwidth usage! It should come as no surprise that the smaller the KB size of a webpage and its scripts – the faster the page loads. But a faster loading webpage isn’t the only benefit you will get after you minimize your JavaScript, you can also expect: a better end user experience, less demand on your web server(s), a considerably lower bandwidth bill and numerous other positive advantages that we could write about for hours. There is no reason we can give on why JS minifying is not …

Continue Reading

How to Minify Javascript

minified js

Simple – to compress the code so it loads faster JSMin (The most popular JavaScript compression tool) is a filter which removes comments and unnecessary whitespace from JavaScript files. In most instances it reduces file size by 50%, resulting in faster page load times and less bandwidth usage. JavaScript minifying is a filter that excludes or modifies some characters in your code. Other javascript compressors will “pack” the code. These are commonly referred to as Packers. This does not change the behavior/functionality of the program/script that it is minifying. The compressed code may be harder to debug because it is …

Continue Reading

Javascript Compression Tools

javascript compression tools

Online tools to compress your JS code ad-hoc The Minify Javascript tools listed to the right give any users easy one click Javascript minifying. Simply copy and paste your code into the online Javascript compression tool form box, click submit, and seconds later you will have the same fully functioning JavaScript code… Just reduced in size by about 60% compared to the original. These tools are a great option for users that don’t frequently change their Javascript code and thus don’t have to worry about debugging the minimized Javascript source code. For users that are constantly changing their Javascript code, …

Continue Reading