Building a faster web, one page at a time!
See all
Members (13,847)
Bruno Škvorc's profile photo
Colt McAnlis's profile photo
Ilya Grigorik's profile photo
Jake Archibald's profile photo
Paul Lewis's profile photo
Steve Souders's profile photo
aadith v menon's profile photo
a12v a12u's profile photo
A.c.p.Sagar Smriti Sen official government on duty's profile photo
Aaron Fernandes's profile photo
Aaron Kitchens's profile photo
"Gamers Bay"'s profile photo
1 Cloud Road's profile photo
100001091057100001 1's profile photo
123 SCHOOLS's profile photo
14islands (old g+ page)'s profile photo
Aaron Hatfield's profile photo
21x's profile photo
Aaron Kulick's profile photo
360 IT Professionals Inc.'s profile photo
365 Face of Art Technologies Ltd's profile photo
Aaron Smith's profile photo
Aaron Allport's profile photo
52timizhuo's profile photo

Stream

Join this community to post or comment
 
www.whak.ca/minify/CSS.htm -A simple #minifier to #minify your CSS codes. Compress for client side.
www.whak.ca/minify/HTML.htm - minify HTML
www.whak.ca/minify/JavaScript.htm - minify JS

#perfmatters   #performance   #compression   #javascript   #javascriptpacker   #lzf   #lzw   #lz77   #clientside  

////////////////////////^\\\\\\\\\\\\\\\\\\\\\\\

Cascading Style Sheets (CSS) is a stylesheet language used to describe the presentation of a document written in a markup language.
Minification refers to the process of removing unnecessary or redundant data without affecting how the resource is processed by the browser - e.g. code comments and formatting, removing unused code, using shorter variable and function names, and so on. See preprocessing & context-specific optimizations to learn more.
Minifying CSS takes the beautified, well formed CSS code that you have written and removes the spacing, indentation, newlines, and comments. These elements are not required for CSS to be used successfully. It also makes the CSS more difficult to read. The 'best practice' of many developers is to maintain a 'beautified' version, and when rolling out their project will run the styles through a minification program. They will also combine their many style files into one file.
Use this CSS Compressor to compress CSS (CSS 1, CSS 2, CSS 2.1, CSS 3) to reduce CSS code size and make your website load faster. You can select from 4 levels of compression, depending on how legible you want the compressed CSS to be versus degree of compression.

Modern browsers block on external CSS before painting content to the screen. This incurs additional network latency and increases the time it takes to display content to the screen. To optimize the time to render, if the external CSS resources are small, you can insert those directly into the HTML document. Inlining small CSS in this way allows the browser to proceed with rendering the page. This tool eliminates the browser request to small.css by placing its contents inline in the HTML document. 
5
Jean Ceugniet's profile photoChristian “Bible Thumper” White's profile photo
10 comments
 
+Jean Ceugniet www.whak.ca/speed-test.htm does live speeds of decompressing tests on a 10KB sample using 8 top compressors (unpacking times) on www.whak.ca/packer/JavaScript.htm. Most scripts created around 100KB will unpack in 50 milliseconds, not sure if most hummans can even notice 50 to 100ms... Bzip gets best compression ratings, but it's the slowest to unpack, with a 5MB holy Bible packed to 1.4MB webpage http://holybibleverse.master.com, Bzip will take up to a 20 seconds to unpack and recompile, but saved 3MB of downloading time and from that host, it would take about 45 seconds to download the other 3MB alone!
Add a comment...

Ludo Cointrel

Discussion  - 
 
My little about #qwant  and his #responsivedesign  :)

Give your opinion !
 
#qwant  et son #responsivedesign  :)
Bootstrap themes and templates, free to download, created by students (multimedia Graphic Design) to meet educational needs.
View original post
1
Maxim R's profile photoLudo Cointrel's profile photo
2 comments
 
Google Traduction is your friend ;)
Add a comment...
 
My take on highlights from this year's #velocityconf  (including 4 must see talks)
https://www.linkedin.com/pulse/velocity-2015-highlights-ritesh-maheshwari
2
Add a comment...

Shogo Sensui

Discussion  - 
 
Google introduced the WebP image format in 2010, as a new open standard to speed up page loads. But it's not been easy to convert PNG and JPEG files to WebP. That's precisely ...
6
3
Leonardo Gandini's profile photoHiroshi Kawada's profile photo
Add a comment...

Jean Ceugniet

Discussion  - 
 
Thanks Zach
A deep dive into @font-face for Velocity 2015 in Santa Clara. http://velocityconf.com/devops-web-performance-2015/public/schedule/detail/41593
7
4
Nils Kuhn's profile photoGavin King's profile photoAli Mehran Rokni's profile photoPui Ching's profile photo
Maxim R
 
Dang it looks like this was an awesome presentation. Would love to see the video to go with these slides.
Add a comment...

Kim Salmon

Discussion  - 
 
Check out this webinar to help you prove that your API is meeting performance standards and delivering a great experience for your end-user.

The Great Race: Ensure Speed & Performance with Integrated Load Testing & API Monitoring

5/28 11:00AM EST

#Development   #API   #webinar  
Apps and sites use APIs to deliver high-quality digital experiences – but do you know if they are performing? If something goes wrong with your API, how can you identify the issue? Don’t be left in the dark and grasping for firedrill fixes; look at API performance both before and after deployment.
1
Add a comment...

Jean Ceugniet

Discussion  - 
 
Interesting article, about the performance of icon techniques, from a rendering point of view.
Tl;dr; Which type of Icon is better - Font Icons, Inline SVGs, or Background SVGs ? View Results Below Traditionally, icons on a web page have been drawn using bitmaps images (png, jpg, etc). These images are often stitched t...
4
Add a comment...

Mark Zeman

Discussion  - 
 
SpeedCurve.com's awesome new waterfall chart. Bringing data and UX together to help you visualize and improve web performance. What's blocking your start render? https://speedcurve.com/blog/ux-focus-for-waterfalls-and-third-parties/
7
2
Michael Schoeffler's profile photoNils Kuhn's profile photoVolker Müller's profile photo
 
Well done - an important improvement that makes the waterfall much more readable.
Add a comment...

Desert Vibe

Discussion  - 
 
WebAssembly For Faster Web Apps
WASM natively decodes more than 20x faster than JS can be parsed.

Browsers can implement binary format WebAssembly inside their existing JS engine.

WebAssembly FAQ

https://github.com/WebAssembly/design/blob/master/FAQ.md#faq

W3C WebAssembly Community Group

https://www.w3.org/community/webassembly/
13
2
Darwin Serrano's profile photomartin mauchauffée's profile photo
Add a comment...
 
Hey comm,

Got a Munin instance monitoring a VM's CPU.
Usually when the monitored VM has for example 1 vCPU the graph is divided on average ~25% user ~75% idle.

Recently the same VM has switched (KVM) hypervisors nodes.

Now the graph shows ~25% user and ~25% idle, the rest of the graph is white..

Linux top command adds up the us ~25% & id ~75% correctly.

Munin issue?

Server is suffering from higher load though since the migration.

Cheers in advance!
1
1
Richard Reijmers's profile photo
Add a comment...

Desert Vibe

Discussion  - 
 
Using RUM To Increase Web Performance
A functional performance use of Real User Monitoring.

Pre-overoptimization is the root of all web development evil...well, it's a part of its larger root structure anyway....

So, in order to start optimizing, you need to know the appropriate place to focus your work. Otherwise, you may be optimizing something that has no bearing on overall real-user performance issues. You likely use various tools, maybe something like WebPagetest, to test your work, get results, and base the quality of your work on those results and call it a day. Although, as mentioned in this article at SteveSouders.com ( http://www.stevesouders.com/blog/2012/11/14/comparing-rum-synthetic-page-load-times/ ), they found those synthetic measurement numbers are typically 2x faster than RUM times. The SteveSouders' page profiles a test that shows RUM times to 3x slower.

There are scant dev details in this posts referenced article, but I thought it provided a simple, quick, and worthwhile overview that shows a different aspect of performance tuning, as RUM is focus on real users' experience. It's good insight for a web performance audit, aside from strictly closed-review of development, coding, and environment. RUM offers some help on where to focus work on those aspects, which can allow for more efficient optimization.

Posted as a general consideration of a good point for those that may not be familiar with the RUM concept. And those that are a little too comfortable using the same optimal testing settings, and only looking at those optimal test results as quality of web performance.
2
1
Alex Key's profile photo
Add a comment...
 
We've made a Wordpress plugin that gives you free uptime monitoring within a few clicks. Find it here https://wordpress.org/plugins/instantlarm-web-performance-monitoring/
1
Lucian Daniliuc's profile photo
 
Nice :)
Add a comment...

Eray Bartan

Discussion  - 
 
Free monthly calendars from iStock
3
1
Nils Kuhn's profile photo
Add a comment...
 
 
Split A-B Testing with web performance optimization variants using #PageSpeed and Google Analytics http://bit.ly/1dH2pv7 
View original post
2
2
Matthew Green's profile photoIlya Grigorik's profile photo
Add a comment...

Trish Chan

Discussion  - 
 
Digital marketers, don't be left behind! Discover how to maximize your #fullstack #marketing potential: bit.ly/1F39zzn #NUSocialIMC
2
Add a comment...

Ron Waldon

Discussion  - 
 
 
If you use Collection#set(), consider whether or not you need events to be triggered, because they can be quite costly.
#javascript   #performance  #backbonejs
http://jsperf.com/backbone-collection-set-method
http://backbonejs.org/#Collection-set
compare Backbone.Collection#set() with and without options with hundreds of Backbone.Model objects
View original post
4
Add a comment...
 
Quels sont les différents besoins que peut connaître un site ecommerce ? de sa création à son développement :
 ·  Translate
1
Add a comment...

yt low

Discussion  - 
 
“The quicker your mobile site, the better your products sales”
Find out the PRO & CONS of 2 popular mobile configuration in the web industry today.
Slow mobile page could potentially cost you million in lost sales every year, so you must learn to make your mobile site loads faster to your potential customer!
1
Lucian Daniliuc's profile photoyt low's profile photo
2 comments
yt low
 
+Lucian Daniliuc Yeah. It should be goes deeper.
Add a comment...