Building a faster web, one page at a time!
See all
Members (6,977)

Stream

 
 Solaborate’s real-time Insights and Analytics dashboard, are designed to provide you with deeper insights into your personal, company and product profile performance and better activity measurement.

• See your post reach and get detailed analytics of your most engaging posts
• Get detailed demographics and sources of your followers 
• See the growth of your brand
• And more

These insights take you to the next level by bringing in the most relevant information and providing you specific, actionable insights to make better decisions.

Paint a complete picture of your audience and their needs by getting insights today with Solaborate real-time analytics.

Sneak peak your insights by visiting your profile at https://www.solaborate.com/
1
Add a comment...
 
One week away! Hear Mehdi Daoudi share #WebPerf war stories at the Spotify HQ in NYC! [Register here: http://catch.pt/1jqQsr8 ]
2
Add a comment...

Dan Davidson

Discussion  - 
 
Great community! I wrote a blog post about optimising website performance. Considering going more in-depth on these points in future, showing examples and code.  Would welcome any thoughts, contributions and corrections from this community. Thanks!
performance is king. Slow, unresponsive user interfaces and long page load times will not only drive users away, by optimising website performance you can make sure this doesn't happen.
4
2
O'Reilly Velocity Conference's profile photoАндрей Рогачёв's profile photo
Add a comment...
 
D'OH! How Simpson's Paradox can cause a slip in your #WebPerf data analysis: http://catch.pt/1hFgcQG  #DevOps
In a big data world, numbers dictate decisions, features and investments. It’s vital we understand just what the numbers are telling us, but depending on analysis, the same data can tell two completely different stories.  It’s called Simpson’s Paradox and it can lead to poor decisions and costly errors. D’oh! More specifically, Simpson’s Paradox is …
5
1
Lionel FÉLICITÉ's profile photo
Add a comment...

Frank Pionnier

Discussion  - 
10
4
Enea Overclokk's profile photoLIU SHR YAN's profile photo
Add a comment...

Frank Pionnier

Discussion  - 
 
How mod_pagespeed will handle different rendered sizes of responsive images ? Using the widest.
See the official modpagespeed issue in the link.
1
Add a comment...
 
Generating CSS animation keyframe instead of condescending to dom. for static routine animation. >v<~
1
Add a comment...
 
This is a very good addition to link bubble :)
1
Add a comment...

David Corbacho

Discussion  - 
 
Every time you trigger a Paint in the browser
(Use it for your next web performance presentation)
55
22
Ernest Lombardi's profile photoChris Williams's profile photoScott Price's profile photoParaNoidz ila's profile photo
5 comments
 
Everyone, thanks for the tips. I didn't know that was a Mythbusters video (CPU Vs GPU).

You can apply the GIF metaphor to ink-jet printing :) or why animations are so smooth using translate3d (GPU) . But it has trade-offs. More info http://aerotwist.com/blog/on-translate3d-and-layer-creation-hacks/

and lots of articles in html5rocks searching for Paint http://www.html5rocks.com/en/search?q=paint
Add a comment...
 
Anyone know what happened to the Google Pagespeed critical path explorer? Can Chrome DevTools show render order and what's blocking the first paint? +Andrew Oates 
1
Chris Thompson's profile photo
 
I was looking for this as well, and as far as I could tell it is no longer available.
Add a comment...
 
Current techniques for improving webpage rendering speed will only get us so far.

In the video below, David Penner talks about how Moboom separates each part of a page—each heading, block of text, menu, and so on—into widgets.

According to Penner, “What we then do is take all of those widgets and run them in parallel—we run them all at the same time. As a result, your page is exactly as fast as the slowest element on your page.”

More here. http://moboom.com/blog-post/increasing-website-speed-with-a-new-approach-to-rendering/6a500bca-12ee-cf80-2302-5329ea20b7b2

#webperformance   #RWD  
12
4
Toshihiro Sato's profile photoJoe Lencioni's profile photoHakim MacLuvin's profile photoMark Nottingham's profile photo
 
eh? Browsers don't load in strict order. Is he talking about server-side assembly (if so, sounds like ESI), or...? I feel like something is being simplified too much here...
Add a comment...

Patrick Sexton

Discussion  - 
 
How to get your base64 encoded images to be indexed by Google and image search
Okay, so I know this will only interest about 12 people, but they will really love this. (the quick answer is you used structured data (open graph for example).
One of the reasons I hesitated to use base64 encoding was because image search has always been a big part of where I get traffic for most of my stuff. The problem was that Google would not index base64 encoded images and therefore, I felt like I couldn't use them. However, in the end I used them for feedthebot.com anyway.
So what you do is just make a copy of your base64 image and save it to your host. Now link to that saved image using...
<meta property="og:image" content="domain / path to file.png">
By doing that (and using structured data properly) you will have a side effect of finding your image indexed by Google and associated with your page.

Because this is highly manipulable and can be used in several bad ways, I am not sure how long it will last without becoming a spam wonderland.
But it is currently possible, and many of my images are indexed in that manner.
22
6
Shay C.'s profile photoSteve Rohrlack's profile photoAndrea Pernici's profile photoAndrew Wilkins's profile photo
8 comments
 
Be careful with base64. Sometimes they can have the opposite effect. Choose wisely what to base64.

Then if you use base64 for recurrent images remember to deduplicate them via js to prevent unneded fattening of the page size.
Add a comment...

Set Cron Job

Discussion  - 
 
If anyone needs more powerful and frequently-execute cron jobs, http://www.easycron.com is good complement.
6
5
Stavros Skamagkis's profile photoDaniel Nass's profile photo
Add a comment...

Erwan Lent

Discussion  - 
 
I always make sure to use Google's PageSpeed, but this will really come in handy to see the user experience on slower connections.
 
Grunt task for simulating slow connections: https://github.com/tjgq/grunt-throttle & the module it uses: https://github.com/tjgq/node-stream-throttle
25
10
Erwan Lent's profile photoLIU SHR YAN's profile photoAndré Loureiro's profile photoAlec Hale-Pletka's profile photo
3 comments
 
Sanity check: you know about www.webpagetest.org, right?
Add a comment...
 
A must read for best #webperf practices on css/js with Drupal AdvAgg module
1
Add a comment...
 
Maybe you were thinking of doing your taxes this weekend, but wouldn't sending in a proposal (or two) to speak at Velocity New York be way more fun and, dare I say, rewarding? This year we're especially interested in aspects of web ops and performance specific to the New York/East Coast technology communities, particularly from non-technology-focused organizations, such as media, finance, or retail. The deadline for all proposals is Monday, March 31, so don't delay! http://oreil.ly/1o8RNIu
2
Add a comment...

Patrick Sexton

Discussion  - 
 
I am going to be doing a guide to Mobile issues, much as I have with pagespeed issues. One of the first things I address is the often misunderstood  (or misrepresented) subject of pagespeed and mobile technologies.
9
Add a comment...
 
Those websites combining rwd and webperf are good cases to look at, especially for responsive images technics.

I've checked how they manage to deliver fitted images.
There are two main ways :
1/ One well optimized / compressed image with 100% width 
2/ A default medium image in dom and OnDomLoaded some javascripts to load an alternative image that fits better (retina, wide screens, etc.)

Also there is Mobify with their Capturing API but I'm not feeling right with pre-parsing, let browsers do their job.

We definitely need a quick deployment of <picture> tag.
 
Building pages that are both responsive and fast is hard. But as this list of sites demonstrates, it’s do-able. No excuses.
1
1
Frank Pionnier's profile photoKarlos Presumido's profile photo
Add a comment...

Guo Yanng

Discussion  - 
 
pcDuino can connect to Internet by Ethernet, WiFi, GPRS and 3G. In this project, we will use a TMP36 temperature sensor to sense the office temperature and push to yeelink server, and check the temperature anytime anywhere through the Internet.
pcDuino can connect to Internet by Ethernet, WiFi, GPRS and 3G. In this project, we will use a TMP36 temperature sensor to sense the office temperature and push to yeelink ...
1
Add a comment...
 
Review of DigitalOcean and Its Cloud Hosting Services

DigitalOcean clearly shook ground under the cloud hosting industry, and within three years since its initial launch, it has managed to compete with services like the Amazon SC2, Linode, Rackspace and other well-known cloud hosting companies out there.

http://codecondo.com/digitalocean-cloud-hosting-review/
4
Jason Jerris's profile photoJean Ceugniet's profile photo
2 comments
 
I took an account with them cause i wanted to play around with nginx. Good customer service, ease of deployment, ease of billing management (ability to fill my account "wallet" once in a while, which is handy).
Add a comment...