Performance, Optimisation Web
1.2K views | +0 today
Follow
Performance, Optimisation Web
Performance, Optimisation : front-end, backend, database, server, tools etc.
Curated by Arno_Raulet
Your new post is loading...
Your new post is loading...
Scooped by Arno_Raulet
Scoop.it!

Spring-cleaning Unused CSS With Grunt, Gulp, Broccoli or Brunch

The tough economic times on Tatooine hit everyone hard, including the Jawas. Delivering a fast experience on the web usually involves reducing server response
more...
No comment yet.
Scooped by Arno_Raulet
Scoop.it!

How Optimized Are Your Images? Meet ImageOptim-CLI, a Batch Compression Tool | Smashing Magazine

How Optimized Are Your Images? Meet ImageOptim-CLI, a Batch Compression Tool | Smashing Magazine | Performance, Optimisation Web | Scoop.it
Meet ImageOptim-CLI, a batch image optimizer which automates the process of optimizing images with ImageAlpha, JPEGmini and ImageOptim.
more...
No comment yet.
Scooped by Arno_Raulet
Scoop.it!

Eliminating Code Smell with Grunt

Eliminating Code Smell with Grunt | Performance, Optimisation Web | Scoop.it

I love clean code. There, I said it. I pride myself on passing strict linting standards and keeping my code easy to read. It’s not just a personal proclivity, but a choice I hope benefits other developers.

more...
No comment yet.
Scooped by Arno_Raulet
Scoop.it!

Chrome DevTools — Google Developers - JavaScript Memory Profiling

Chrome DevTools — Google Developers - JavaScript Memory Profiling | Performance, Optimisation Web | Scoop.it

A memory leak is a gradual loss of available computer memory. It occurs when a program repeatedly fails to return memory it has obtained for temporary use. JavaScript web apps can often suffer from similar memory related issues that native applications do, such as leaks and bloat but they also have to deal withgarbage collection pauses.

more...
No comment yet.
Scooped by Arno_Raulet
Scoop.it!

Popular tools for website testing

Popular tools for website testing | Performance, Optimisation Web | Scoop.it
Website testing is an invincible method which is used to test the speed, usability and performance of website. A website must be user friendly with good navigation and have cross browser compatibility.
more...
No comment yet.
Scooped by Arno_Raulet
Scoop.it!

Detecting Critical CSS For Above-the-Fold Content With Paul Kinlan (Video)

In this video, Paul and I demo a new experimental bookmarklet he wrote for detecting critical CSS for above the fold content. External CSS stylesheets are
more...
No comment yet.
Scooped by Arno_Raulet
Scoop.it!

Web Assets – Tips for Better Organization and Performance | Nettuts+

Web Assets – Tips for Better Organization and Performance | Nettuts+ | Performance, Optimisation Web | Scoop.it
Remember back to when we had to spend a lot of time optimizing our project's assets (images, CSS, etc..)? Well today, users have a much faster Internet
more...
No comment yet.
Scooped by Arno_Raulet
Scoop.it!

Performance — Writing Fast, Memory-Efficient JavaScript | Smashing Coding

Performance — Writing Fast, Memory-Efficient JavaScript | Smashing Coding | Performance, Optimisation Web | Scoop.it
There are many common pitfalls when it comes to writing memory-efficient and fast code. JavaScript engines such as Google’s V8 (Chrome, Node) are specifically designed for the fast execution of large JavaScript applications.
more...
No comment yet.
Scooped by Arno_Raulet
Scoop.it!

Native JavaScript Equivalents of jQuery Methods: the DOM and Forms - SitePoint

Native JavaScript Equivalents of jQuery Methods: the DOM and Forms - SitePoint | Performance, Optimisation Web | Scoop.it
Are you using jQuery because to have to? Is raw JavaScript more convoluted or difficult to use? Craig compares common DOM manipulation and form methods.
more...
No comment yet.
Scooped by Arno_Raulet
Scoop.it!

PHP 5.5 Generators - GeekMonkey

PHP 5.5 Generators - GeekMonkey | Performance, Optimisation Web | Scoop.it

Among the new features that will be introduced in PHP 5.5, the probably most exiting one is the concept of generators.

 
more...
No comment yet.
Suggested by Anurag Singh
Scoop.it!

How to Boost Google Pagespeed Score. - Zompler

How to Boost Google Pagespeed Score. - Zompler | Performance, Optimisation Web | Scoop.it
With the recent updates in Google Pagerank algorithm recently many of the webmasters who were achieving good scores earlier are getting bad scores now.
more...
No comment yet.
Scooped by Arno_Raulet
Scoop.it!

PageSpeed Proxy: Part 1

PageSpeed Proxy: Part 1 | Performance, Optimisation Web | Scoop.it
PageSpeed Module from Google, available for Apache and nginx, is a quick solution to improve web application network performance. As a bonus, if we configure nginx as a proxy server, then it can al...
more...
No comment yet.
Scooped by Arno_Raulet
Scoop.it!

Video: Gone In 60fps - Making A Site Jank-Free

Video: Gone In 60fps - Making A Site Jank-Free | Performance, Optimisation Web | Scoop.it
When scroll is fast your web pages feel responsive. If janky and scroll feels slow your users may get frustrated. Introduction What’s stopping your web
more...
No comment yet.
Scooped by Arno_Raulet
Scoop.it!

Performance Matters

Performance Matters | Performance, Optimisation Web | Scoop.it
Web performance depends on much more than JavaScript optimization. Fortunately, the W3C's Web Performance Working Group has given rise to new APIs that help developers measure performance more accurately and write faster web apps.
more...
No comment yet.
Scooped by Arno_Raulet
Scoop.it!

Tools for image optimization

Tools for image optimization | Performance, Optimisation Web | Scoop.it
As we saw a few weeks ago, the weight of an average web page is now almost 1.5MB (median ~1MB), with > 50% of this being images. It's a harsh reminder that many
more...
No comment yet.
Scooped by Arno_Raulet
Scoop.it!

Visualising JavaScript Processing Over Time With DevTools Flame Charts

Visualising JavaScript Processing Over Time With DevTools Flame Charts | Performance, Optimisation Web | Scoop.it
In this quick video, I walk through how to effectively use DevTools Flame Charts for visually representing your app's JavaScript processing over time. This
more...
No comment yet.
Scooped by Arno_Raulet
Scoop.it!

Writing Better CSS

Writing Better CSS | Performance, Optimisation Web | Scoop.it

Writing good CSS code can speed up page rendering. Essentially, the fewer rules the engine has to evaluate the better. MDN groups CSS selectors in four primary categories, and these actually follow the order of how efficient they are:

ID RulesClass RulesTag RulesUniversal Rules
more...
No comment yet.
Scooped by Arno_Raulet
Scoop.it!

5 Myths About Mobile Web Performance | Blog | Sencha

5 Myths About Mobile Web Performance | Blog | Sencha | Performance, Optimisation Web | Scoop.it

Recently we’ve heard some myths being repeated about mobile HTML performance that are not all that accurate. Like good urban myths, they sound compelling and plausible. But these myths are based on incorrect premises, misconceptions about the relationship between native and web software stacks and a scattershot of skewed data points.

more...
No comment yet.
Scooped by Arno_Raulet
Scoop.it!

Optimizing the Critical Rendering Path for Instant Mobile Websites - Velocity SC - 2013

Slides @ http://bit.ly/mobilecrp Users expect a fast and optimized experience regardless of whether they're on a mobile or desktop browser -- rightfully so! ...
more...
No comment yet.
Scooped by Arno_Raulet
Scoop.it!

John Resig - DOM DocumentFragments

John Resig - DOM DocumentFragments | Performance, Optimisation Web | Scoop.it

I was playing around with DOM DocumentFragments recently, in JavaScript, seeing what I could make with them. Roughly speaking, a DocumentFragment is a lightweight container that can hold DOM nodes. It’s part of the DOM 1 specification and is supported in all modern browsers (it was added to Internet Explorer in version 6).

more...
No comment yet.
Scooped by Arno_Raulet
Scoop.it!

jquery-handsontable

jquery-handsontable | Performance, Optimisation Web | Scoop.it
jquery-handsontable - Handsontable is a minimalistic approach to Excel-like table editor in HTML & jQuery
more...
No comment yet.