Building a faster web, one page at a time!
See all
Members (14,004)
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
A. Langer's profile photo
a12v a12u's profile photo
! ! A ♥CUTEGIRLS ♥'s profile photo
Aaron Peters's profile photo
Aaron Kalair's profile photo
Aaron Kitchens's profile photo
A.c.p.Sagar Smriti Sen official government on duty's profile photo
Aal Garnaal's profile photo
100001091057100001 1's profile photo
123 SCHOOLS's profile photo
Aaron Lifton's profile photo
2029 Web Design, LLC's profile photo
21x's profile photo
262media's profile photo
Aadesh Sachan's profile photo
365 Face of Art Technologies Ltd's profile photo
3DDEY's profile photo
4 Design Solutions's profile photo

Stream

Join this community to post or comment
 
Hacked down version of UglifyJS (#JavaScript #AST parser and variable name mangler), was 300KB now only 24KB on https://github.com/JavaScript-Packer/24KB-Uglify.js. I made it into a simple function I call FUGLY.
4
1
Nuey San Waldman's profile photo
Add a comment...

Web Rewrite

Discussion  - 
Memcached tutorial in PHP. What is memcached and why it's so popular. What's the use of memcached in web development and how it speed up the website.
3
2
Tomasz Nowak-Bańdura's profile photoSyed Peer's profile photo
Add a comment...
 
I was asked to make a free version of HTMLZip.exe shareware. I present www.whak.ca/HTMLZIP.htm which is a online working version that even gets better compression!

There are also 2 portable (run from USB without install) command line freeware software solutions to download. HTMLzip.exe and JSzip.exe, both you just drag your web page right onto the software (same with online version, drop file to textbox) file and it will generate a new HTM page for you that self extracts and auto executes itself client side in the web browser.

UPDATE JULY 22nd: Want even better compression? www.whak.ca/packer/LZMA.htm gets almost double the savings! HTMLzip is now obsolete!

FROM THE WEBPAGE HTMLzip.com:

This is not the original HTMLZip.exe (a downloadable tool to compress #HTML and JavaScript code of any website in such a way that it ends up weighing less, use HTMLZip and improve your web).

This is a clone of htmlzip.com's paid/shareware software (Nickolas Smith wants $49.95 for #htmlzip  and #jszip  apps). Our standlaone web app (HTML5 application) version is 100% FREE (download this page and use offline), easier to use (no install, just open page and upload or drag file) and gets better compression ratios producing smaller files!

Drag and drop a file to textarea to have it loaded and compressed.

Hint: embed all external #CSS and #JavaScript for even more page loading perfomance, faster, quicker, less server calls, etc...

Compresses to the #LZO #algorithm and packages compiled script with a #portable #standalone decompressor that automatically extracts and runs your HTML codes.

If this app gives you any issues, we suggest our advanced #HTML5 packer on http://www.whak.ca/packer/HTML.htm
6
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/
10
3
Mark Zeman's profile photoNils Kuhn's profile photoVolker Müller's profile photoSalem Bahamdain's profile photo
3 comments
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/
14
2
Dave Brown's profile photoDarwin Serrano's profile photomartin mauchauffée's profile photo
 
Such big files produced by bytecode (WebAssembly)! I embed JS/CSS into a HTML web page and then compress it on www.scriptcompress.com/LZMA.htm and here is PNGcrush (C++ compiled software.exe file converted to bytecode with Emscripten) compressed to a 420KB standalone web application (originally was over 2,800 KB) on http://jsfiddle.net/8gz9qr2y/show/
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.
3
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
5
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 
3
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
3
Add a comment...
1
Maxim R's profile photoJavaScript Packer's profile photo
2 comments
 
Rake the leaves, cut down those trees, get rid of the fence and cars, your site will perform much better
Add a comment...
 
WPO or SEO, what is more important ? What do you think ?
31 votes  -  votes visible to Public
WPO
74%
SEO
26%
1
Lars Holmgaard's profile photo
 
Both.
Add a 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.
1
Maxim R's profile photoLudo Cointrel's profile photo
2 comments
 
Google Traduction is your friend ;)
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!
2
1
Richard Reijmers's profile photo
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
9
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...

Eray Bartan

Discussion  - 
24
6
Mariano Wahlmann's profile photoDejan Stojanovic's profile photoAndy Unb's profile photoRadoslav Lukac's profile photo
3 comments
 
So just typing Movie it, move it will increase web performance? I am confused... Stop wasting my time!
Add a comment...