New Twitter Has Become Browser Poison

http://mikecanex.wordpress.com/2011/01/17/new-twitter-has-become-browser-poison/

by mikecane • 16 years ago

121 100 16 years ago

mikecanex.wordpress.com

bergie• 16 years ago

In other news, you'll be way more productive if you don't hang out on Twitter all day :-)

joelhaasnoot• 16 years ago

And use some sort of browser extension...

watmough2• 16 years ago

Agreed, the new twitter is way demanding compared to the older version.

Once they stop allowing the old version, I'll probably have twitter loaded much less. On a core 2 duo, even scrolling in new twitter is way below par.

Is there a low cpu-usage client? I tried one of the flash based ones, but it brought the fans permanently on on my MacBook... Yeah, that's not going to fly.

CrazedGeek• 16 years ago

http://mobile.twitter.com ?

kragen4• 16 years ago

I had no idea. I'm going to try switching to this.

kylec• 16 years ago

I'm using the new Twitter client from the Mac App Store - it's quite good:

http://itunes.apple.com/us/app/twitter/id409789998?mt=12

rdl• 16 years ago

While it's better than the web UI, it suffers from the "mp3 player" problem of trying to make up its own widget library and UI style, and actually is kind of lame in a lot of ways (there is no top-level "new tweet" button, which is kind of a feature of all the mobile clients, and it's definitely a pain to use for DM conversations. It pops up weird non-standard shaped windows all over. I'd consider it a respectable indy effort, but pretty disappointing for Twitter, Inc.

technomancy• 16 years ago

> it brought the fans permanently on on my MacBook... Yeah, that's not going to fly.

Depends on the MacBook; if the fans keep going on some of the lighter models you actually _can_ achieve liftoff with gratuitous flash.

NathanKP• 16 years ago

I didn't notice the excessive CPU usage until very recently, meaning that it may be a recent patch or change causing this problem. Safari still operates quite well as long as I don't have the Twitter tab open, and even then I don't notice a slow down until a try to scroll the page.

That said, because of the problems with the web version I have switched to the new standalone Twitter application for Mac OS X. I think this is better as well as it allows me to use Growl notifications, notification sounds, and other nice features.

seanalltogether• 16 years ago

New MBP here. It looks like it stays at a constant 7-8% cpu while sitting on the page, with momentary spikes to 30% every 15 seconds or so.

watmough2• 16 years ago

3% cpu continuously is enough to make a (my) macbook noticeably hotter.

wizard_2• 16 years ago

I noticed the same thing on my girlfriends CR-48, twitter wont scroll properly (studders) and everything else hangs a bit. She filed a bug report with google chrome os support, but I suspect twitter is doing a lot of heavy stuff in the background.

spinchange• 16 years ago

I've noticed the same thing on mine. It seems like the site is only functional when you first load it. After new tweets start rolling in, it becomes worse and worse. I don't think it's the fault of the CR-48, I think we're just seeing the effects worse on this hardware.

wyclif• 16 years ago

Same thing here. It's not ChromeOS-related? I note the same problem in Chromium.

berberich• 16 years ago

I'll second this. It's by far the worst performing website/app I use on a regular basis on my Cr-48.

flyosity• 16 years ago

I believe the scrolling issues are tied to their use of position: fixed for the sidebar where that DIV has its own internally scrollable frame via overflow: scroll. The combination of those two are taxing on the browser's overall layout system which causes a dramatic slowdown on less powerful machines. Heck, it's even a little sluggish on my iMac.

talleyrand• 16 years ago

I've noticed it on my CR-48 and EEEpc 901.

anto1ne• 16 years ago

here's a bug open at chrome : http://code.google.com/p/chromium/issues/detail?id=69777 but the issue is at twitter really. I noticed it a few days ago too, and chrome didn't update.

epi0Bauqu3• 16 years ago

I've been keeping twitter open in its own Firefox browser on one screen (of three). It routinely refreshes itself and there is some kind of memory leak whereas after a day it is consuming about half a gig of memory, forcing me to kill and restart.

ComputerGuru• 16 years ago

Firefox has crazy memory leaks. Don't blame it on twitter, regardless how bad their code may be.

A tab should be completely and utterly destroyed when refreshed. It doesn't matter how much memory it used, refreshing it or navigating away from that page should (ignoring optimizations, caching, etc. etc. etc.) be like you were never there.

Just look at the hundreds of complaints here: http://neosmart.net/blog/2008/firefox-3-is-still-a-memory-ho...

seldo• 16 years ago

I have been using it in Chrome and new Twitter has been unreasonably slow. A friend who works at Twitter has acknowledged that they know about the issue and are working on it.

epi0Bauqu3• 16 years ago

That may be the case, but I've left other sites open all day and they don't accumulate 500MB of memory.

naner• 16 years ago

Firefox has crazy memory leaks.

Proof? This was the case with Firefox 2 but now it just seems like this is part of their reputation and is not necessarily grounded in fact.

1337p3373• 16 years ago

Firefox's memory leaks are mostly due to JS. On the other hand, if you read the article, you'll notice that the problem is cross-browser.

Qz2• 16 years ago

Are you using FF4 beta? I've had two pages of newtwitter open in app tabs for months now and never ever have problems with it.

epi0Bauqu3• 16 years ago

Nope. 3.6.13

didip• 16 years ago

Endless pagination/Infinite scrolling is pretty much the definition of memory leak, no?

cgrubb• 16 years ago

I've experimented with the new twitter web app on both Chrome and Safari (Mac).

It automatically loads a chunk of data when I scroll to the bottom. The CPU use seems to be proportional to the number of chunks that have been loaded. Initially about 2% and increasing to 50% with 20 chunks.

The new twitter almost unusable because of this. Hoping for a fix soon.

rhizome2• 16 years ago

The thing I noticed in the slow new Twitter is that typing a new status seems to involve continuous autofill-like behavior for each character typed, which seemed to introduce round-trip lag (or javascript-parsing, or...) and causes characters to appear at a rate of ~1/second. Unusable.

And this is one way that dominant sites fall: business considerations are given priority over the user experience. Maybe they just have Flickr-itis and just can't adapt to leaving well enough alone, but for the time being I'm on old-Twitter and not contributing much to the Twitterverse until this is sorted out. If it never winds up being fixed, I've got a head start in living without them.

There is also a possible Second System Effect amongst Twitter's UX gods. It's interesting that after having switched to the new Twitter a couplefew weeks ago, last week I started seeing a "Wanna switch back to the old Twitter?" header. Of course I did, but to me this possibly points to a level of complaints that I did not realize.

j_baker2• 16 years ago

Or it could also point to a "Hey, this is different. I don't like change!" reaction that you always get when you change something's UI.

rhizome2• 16 years ago

I don't think so. I'm not a huge tweeter and so anything that gets in the way of the rare things really jumps out at me, of which the slow status box is no small issue. Other than that the redesign is just that, an expanded sidebar with some fleshed out boxes. No big deal. That it's causing different problems for different people tells me that maybe something else is going on behind the hood. Heck, maybe they just want to be the network and aren't interested in providing a groovy webapp interface anymore, who knows.

piramida• 16 years ago

what is twitter?

russ8• 16 years ago

Over time, NewTwitter does incur a large memory footprint. I've been traveling for a month and haven't looked into the problem in depth, but I'd bet the major culprit is our aggressive caching techniques. It's also worth investigating the number of polls and their frequencies. Timeline refreshes are dropped back to 90 seconds when the tab isn't focused, but not sure about other ones.

As most people have reported, infinite scroll is an easy way to introduce a slowdown over time. The sheer number of DOM nodes becomes quite significant - there are things we can do to ameliorate that issue, as well. Will take a look tomorrow. The feedback is greatly appreciated.

kragen4• 16 years ago

It also doesn't work in the version of Arora I have. I imagine it will suck as much as Facebook does on the Kindle browser. Is there a version of Twitter that will work in a plain HTML browser with cookies and no JS? Please?

russ8• 16 years ago

Try http://mobile.twitter.com

russ8• 16 years ago

Update: Apparently there was a regression introduced last week that has exacerbated this problem. Some folks are working on a fix.

catshirt2• 16 years ago

With respect, why exactly is total script size 912kb minified? That seems unexpectedly high. Likely not the root of the problem at hand, just curious.

Also interested in what you plan to do to alleviate massive DOM issues, if you could share. Typically an overlooked point of performance.

russ8• 16 years ago

I don't have a breakdown with precise numbers for you, but some bloat comes from the fact that we include all of our templates in the phoenix bundle. Some savings could come from fetching certain components and pages on demand, but right now, we pull down everything. Gzipped it drops to ~200k, which isn't terrible considering that this is fetched in parallel with API resources and the initialization of our cross-domain iFrame. We're currently working on getting our bootstrap time down, so the bundle size may be reduced as a result of that effort.

Re: DOM issues, when you switch around between pages and/or timelines, we detach the timeline DOM elements and keep a reference in memory. Upon returning to a previously loaded timeline, we do a repaint (not bad). Right now, we don't employ any such technique for an active timeline that has been scrolled a long way down. One thing we can do is detach large blocks of tweets that aren't in the viewport and splice them back in (while maintaining an accurate scroll height) if the user scrolls back up.

saurik• 16 years ago

Infinite scroll is also a way to make scrolling infuriating, especially if you are wanting to click links and fan out from that location: it forces you to avoid your browser's carefully designed history stack like the plague (opening new tabs or windows for navigation instead) lest you lose your incredibly valuable document you've carefully been scrolling down in (and which is now so large it is threatening to cripple your browser anyway). What happened to normal "next page" paradigms? Does user testing really show that infinite scroll is better?

wahnfrieden4• 16 years ago

That's not a problem inherent to infinite scroll at all. It's easily fixed by setting a hash value on the current page (the #foo in a URL) corresponding to the current scroll state, and updating it each time infinite scroll happens.

Why Twitter doesn't implement something like this is a whole different issue.

franze• 16 years ago

well, i just deleted all twitter apps on my mac because they became too much of a time hog, and well new twitter on the web sucks currently so this means one thing ... i'm free

sudonim• 16 years ago

otoh, Twitter.app on the Mac is awesome.

simonw2• 16 years ago

... except it uses the t.co URL shortener by default for everything you post. I had to switch back to the old Tweetie (which doesn't do this).

j_baker2• 16 years ago

I'm curious, what's wrong with t.co?

sursani• 16 years ago

Agreed! I've been using a bunch. I wish you could view all twitter profile functions natively rather than the browser

endlessvoid94• 16 years ago

Am I the only person who doesn't keep twitter open constantly?

Semiapies5• 16 years ago

No. I only check it once or twice a workday.

However, this is because I use Google Reader to follow feeds and only use Twitter to keep up to date with friends and acquaintances. That's not the typical use-case.

TheAmazingIdiot• 16 years ago

No, you arent the only one.

I'm still looking for a reason to even use twitter. I understand _what_ it is, just not any useful purposes for me.

I did think of it as a way to send broadcast "secret" messages, or something along those lines, or when you are posting mundane stuff (went 2 bathroom had shit). Possibly it could be used as a form of a system downtime monitor, similar to what status.4chan.org is.

But use it for me? That's what emails, txts, and phone calls are for.

Semiapies5• 16 years ago

I can't help thinking that the tacked-on whine about this is why people want iPads and not PCs would make more sense if this post were not about a web-app that would probably slow down any tablet it was accessed on.

mikeklaas• 16 years ago

No, because the site wouldn't be able to consume cpu and memory in a background tab on the ipad.

calloc• 16 years ago

Or there is an actual Twitter app ...

Semiapies5• 16 years ago

In that case, wouldn't the "new twitter" view be utterly useless on the iPad, anyway? Couldn't you as easily go to it with a bookmark?

mikecane6• 16 years ago

The "the tacked-on whine" as you call it was referring to having to check for the latest version of this that and the other bloody plug-in. Point being, people just Want Shit To Work.

Semiapies5• 16 years ago

Yes, they do...and then they want it to do the Snazzy New Thing that didn't even exist when the thing was built (and integrate with the Wonderful Service and the other Hot Newness).

These are the two omnipresent and conflicting goals that people want out of any computer that's even vaguely general-purpose. Wait long enough, and you'll see it happen on iPads, too.

ETA: I mean, Hell, we're talking about a page in a web browser. This is an example of both the idea of doing everything simply in a self-contained way that Just Works with no fuss...and the post-1994 reality that people want to make web pages do everything, including building applications out of them and live-updating information. And that's even without involving browser plug-ins.

minalecs• 16 years ago

Agree that ipad promotion at the end is not really a fair comparison. I'm assuming he's speaking of the twitter app on the ipad. For it to be fair he should install a desktop client for twitter on his pc or possibly tweetdeck and make a comparison.

Locke1689• 16 years ago

This is the least scientific analysis I think anyone could get away with. Why doesn't the author just profile the Twitter page to see how much time his CPU spends executing Javascript code and how much memory it consumes while running?

bkudria2• 16 years ago

The author mentioned Shockwave. I don't think he's too technical a user.

mikecane6• 16 years ago

I dropped Shockwave in there as yet another example of something else that needs to be checked for the latest version. Not every plug-in is good about saying there's an update and most of the time the update notifications come in the middle of getting work done, so people tend to disable that distraction.

andrewljohnson• 16 years ago

I wouldn't even consider keeping Twitter or Facebook open in a tab. That's a sure way to get less done.

mikecane6• 16 years ago

The point of my post is also this: Something changed in the behavior of New Twitter. None of this happened when I was first given access to NT months ago. The problems seemed to crop up simulataneously -- coincidentally -- with my moving to Opera 11 beta. The problems have since spread to all 3 of the browsers I wound up cycling through. So I think Twitter changed something on their end and are unaware of the ripple effect on some users. Someone, on Twitter, suggested they were once polling every 90 seconds in the beginning and now that the switch is complete, we are getting "live streaming." That might be too much for some systems to handle. Perhaps a user option to throttle back polling? [typo edit]

russ8• 16 years ago

Currently, we're not live streaming. We poll every 30 seconds when focused and fall back to 90 seconds unfocused. When we do push, we'll be using User Streams (http://dev.twitter.com/pages/user_streams) with either Websockets or Flash. Performance should improve when that happens. There are also some other neat tricks we'll be able to do to make the site even faster.

mikecane6• 16 years ago

But something changed somewhere. Scrolling used to be a smooth experience. The entire use of NT was exciting and not cloggy. Now it is hell scrolling and very cloggy and even autocomplete of IDs is a torment. What did you guys do over there to the code?

Raphael• 16 years ago

Good luck doing anything intensive on a Celeron.

1337p3373• 16 years ago

Twitter is a web UI for a stream of messages. It shouldn't be CPU-intensive.

tsmith• 16 years ago

Good point, though not quite contradicting that of the grandparent post.

twodayslate2• 16 years ago

New Twitter has a login popup everytime I open it. I am already logged in. I can close this popup and my twitter experience is not effected. Why is this thing even there?

russ8• 16 years ago

Is the popup a HTTP Basic Auth window? If so, are you using Firefox? This is a ridiculously elusive bug that a couple of us have been trying to diagnose. It appears to be buried in the FF implementation of XHR when a reference to an XHR instance is shared across iFrames. We're working on it.

twodayslate2• 16 years ago

Yes. I am using FF as well. It is very annoying.

bzbarsky• 16 years ago

Have you done a Firefox HTTP log? I'd be curious to see what the browser thinks is going on here...

Inviz• 16 years ago

Profiling is a fair game, right?

https://img.skitch.com/20110118-egpetjh52gwnsxr9ct2g8bxtad.p...

Gives a deep insight on what contributes slowdown to new twitter.

EDIT: I mean, that's on 3GHz 4GB RAM machine. No wonder it freezes slower computers.

chaosfox• 16 years ago

isn't the whole point of chrome's tab-process thingy to avoid one tab f-ing up the rest ? if it's as the author says, that's not helping that much.

Daverk• 16 years ago

New twitter page doesn't work on Opera browser

russ8• 16 years ago

The pronounced slowness was primarily due to an upgrade from jQuery 1.4.2 to 1.4.4 (we're going to downgrade). In addition, we're moving from listening to the scroll event to a time-based dispatcher for loading subsequent pages of tweets.

New Twitter Has Become Browser Poison

Related Stories