sunpig + optimization 82
Stop Redesigning And Start Tuning Your Site Instead | Smashing UX Design
16 days ago by sunpig
In my nearly two decades as an information architect, I’ve seen my clients flush away millions upon millions of dollars on worthless, pointless, “fix it once and for all” website redesigns. All types of organizations are guilty: large government agencies, Fortune 500s, not-for-profits and (especially) institutions of higher education.
louisrosenfeld
content
strategy
web
site
smashing
magazine
article
redesign
optimization
short
head
zipf
law
distribution
search
result
16 days ago by sunpig
Why Mobile Web Matters | NPR Digital Services
7 weeks ago by sunpig
For many public media stations, mobile means one thing: apps. We all know mobile is important, and many stations have launched successful mobile apps that engage your audience with audio, news, and more.
But here’s the truth: If your app is the only component of your mobile strategy, you’re missing the boat. Mobile-optimized web pages are rapidly becoming the most important way to grow your online audience.
npr
media
mobile
web
android
app
ios
apple
iphone
digital
engagement
news
content
optimization
But here’s the truth: If your app is the only component of your mobile strategy, you’re missing the boat. Mobile-optimized web pages are rapidly becoming the most important way to grow your online audience.
7 weeks ago by sunpig
Media Query & Asset Downloading Results | TimKadlec.com
7 weeks ago by sunpig
If you’re going to hide a content image, you’re not going to be able to do it by setting display:none. I recommend using a Javascript or server-side based approach instead.
If you want to hide a background image, your best bet is to hide the parent element. If you can’t do that, then use a cascade override (like test five above) and set the background-image to none when you want it hidden.
For swapping background images, define them both inside of media queries.
timkadlec
mediaquery
screen
image
responsive
css
html
frontend
optimization
If you want to hide a background image, your best bet is to hide the parent element. If you can’t do that, then use a cascade override (like test five above) and set the background-image to none when you want it hidden.
For swapping background images, define them both inside of media queries.
7 weeks ago by sunpig
Cache compressed? or uncompressed? | High Performance Web Sites
9 weeks ago by sunpig
If a response is compressed, does the browser save it compressed or uncompressed?
stevesouders
browser
cache
caching
memory
storage
http
response
compression
zip
wpo
performance
optimization
9 weeks ago by sunpig
We're in an icon-sharpness limbo | simurai
9 weeks ago by sunpig
With the rise of Retina displays people are looking for resolution independent alternatives to PNG icons. Some fell in love with font-icons, some are shouting “SVG”. But I’m sorry, if you’re looking for a silver bullet, I’m afraid it doesn’t exist.
icon
font
svg
png
graphic
image
sharpness
hinting
pixel
blur
webdev
frontend
optimization
9 weeks ago by sunpig
Stop paying your jQuery tax
february 2012 by sunpig
RT @souders: "Stop paying your jQuery tax" - discussion of jQuery non-blocking patterns -
jquery
stackoverflow
js
javascript
optimization
perfgormance
ready
documentready
onload
footer
from twitter
february 2012 by sunpig
the Performance Golden Rule | High Performance Web Sites
february 2012 by sunpig
Steve Souders (@souders) revisits the web Performance Golden Rule: (TL,DR: FRONTEND)
souders
performance
wpo
optimization
frontend
dev
js
javascript
css
image
speed
february 2012 by sunpig
Optimize for mobile
april 2011 by sunpig
In our own tests conducted in early 2011, we found that on modern mobile devices, each additional kilobyte of JavaScript adds about 1ms of parse time to the overall page load time. So 100kB of JavaScript included in the initial page load would add 100ms of load time for your users. Because JavaScript must be parsed on every visit to a page, this added load time will be part of every page load, whether loaded from the network, via the browser cache, or in HTML5 offline mode.
speed
optimization
performance
javascript
1kb
1ms
google
pagespeed
defer
js
load
parse
execute
busy
april 2011 by sunpig
YUI 3 Quick Tip: Conditionally load dataURI’d CSS or MHTML - PatCavit.com
november 2010 by sunpig
RT @mundizzle: YUI 3 Quick Tip: Conditionally load dataURI’d CSS or MHTML
yui3
datauri
css
mhtml
html
web
webdev
speed
performance
optimization
data
encode
consditional
yui
november 2010 by sunpig
High Performance Web Sites :: (down)Loading JavaScript as strings
december 2009 by sunpig
"The technique they came up with was to wrap the JavaScript in comments. This allows the code to be downloaded, but avoids the CPU lockup for parsing and execution. Later, when the user clicks on a feature that needs code, a cool dynamic technique is used to extract the code from the comments and eval it."
stevesouders
performance
js
javascript
optimization
webdev
download
parse
parsing
execution
eval
string
load
sproutcore
charlesjolley
deferred
velocity
december 2009 by sunpig
High Performance Web Sites :: HTTP Archive Specification: Firebug and HttpWatch
october 2009 by sunpig
"HttpWatch has long supported exporting HTTP information. That’s one of the many reasons why it’s the packet sniffer I use almost exclusively. Earlier this year, as part of the Firebug Working Group, I heard that Firebug wanted to add an export capability for Net Panel. I suggested that, rather than create yet another proprietary format, Firebug team up with HttpWatch to develop a common format, and drive that forward as a proposal for an industry standard. I introduced Simon Perkins (HttpWatch) and Jan “Honza” Odvarko (main Net Panel developer), then stepped back as they worked together to produce today’s announcement."
har
archive
performance
web
webdev
testing
record
tools
sniffer
firebug
httpwatch
http
traffic
optimization
stevesouders
lh
october 2009 by sunpig
Gzip your @font-face files / phpied.com
october 2009 by sunpig
"Always send your font files gzipped, average 40% to be won, but could be 70% you never know."
stoyanstefanov
font
gzip
css
performance
optimization
font-face
web
speed
size
compression
typography
lh
october 2009 by sunpig
Effective A/B Testing
september 2009 by sunpig
(via <a href="http://simonwillison.net/2009/Sep/13/effective/">Simon Willison</a>)
ab
abtesting
test
testing
bentilly
presentation
comparison
analytics
statistics
development
code
science
math
pareto
pearson
g-test
usability
optimization
september 2009 by sunpig
High Performance Web Sites :: Performance Impact of CSS Selectors
march 2009 by sunpig
Based on these tests I have the following hypothesis: For most web sites, the possible performance gains from optimizing CSS selectors will be small, and are not worth the costs. There are some types of CSS rules and interactions with JavaScript that can make a page noticeably slower. This is where the focus should be. So I’m starting to collect real world examples of small CSS style-related issues (offsetWidth, :hover) that put the hurt on performance. If you have some, send them my way. I’m speaking at SXSW this weekend. If you’re there, and want to discuss CSS selectors, please find me. It’s important that we’re all focusing on the performance improvements that our users will really notice.
performance
optimization
web
html
dom
css
selector
stevesouders
rule
march 2009 by sunpig
Speed up your JavaScript, Part 2 | NCZOnline
january 2009 by sunpig
Nicholas Zakas talks about loop and long-running process optimization in JavaScript
js
javascript
performance
optimization
speed
programming
processing
loop
nicholaszakas
geeknotes
recursion
memoization
january 2009 by sunpig
related tags
1kb ⊕ 1ms ⊕ 37signals ⊕ ab ⊕ abtesting ⊕ addyosmani ⊕ ads ⊕ advert ⊕ aggregate ⊕ airline ⊕ ajax ⊕ ajaxian ⊕ ala ⊕ alexrussell ⊕ alistapart ⊕ analyse ⊕ analysis ⊕ analytics ⊕ android ⊕ ants ⊕ apache ⊕ app ⊕ apple ⊕ application ⊕ aralbalkan ⊕ architecture ⊕ archive ⊕ array ⊕ article ⊕ artifact ⊕ async ⊕ asynchronous ⊕ autocomplete ⊕ bandwidth ⊕ benchmark ⊕ bentilly ⊕ block ⊕ blocking ⊕ blur ⊕ bradfrost ⊕ browser ⊕ browserscope ⊕ build ⊕ busy ⊕ buy ⊕ byte ⊕ bytecode ⊕ cache ⊕ caching ⊕ calhenderson ⊕ canvas ⊕ capability ⊕ charlesjolley ⊕ chunk ⊕ client ⊕ closure ⊕ code ⊕ codinghorror ⊕ collection ⊕ compare ⊕ comparison ⊕ compile ⊕ compress ⊕ compression ⊕ concatenation ⊕ consditional ⊕ consideration ⊕ construct ⊕ content ⊕ css ⊕ cssembed ⊕ data ⊕ database ⊕ datauri ⊕ daveshea ⊕ db ⊕ debug ⊕ debugging ⊕ defer ⊕ deferred ⊕ dennisforbes ⊕ design ⊕ detect ⊕ dev ⊕ development ⊕ device ⊕ digg ⊕ digital ⊕ dionalmaer ⊕ disk ⊕ display ⊕ distribution ⊕ do ⊕ documentready ⊕ documentwrite ⊕ dojo ⊕ dom ⊕ domready ⊕ download ⊕ dpi ⊕ ecmascript ⊕ efficiency ⊕ email ⊕ encode ⊕ engagement ⊕ ericmeyer ⊕ etag ⊕ eval ⊕ examples ⊕ execute ⊕ execution ⊕ fare ⊕ fares ⊕ fast ⊕ feature ⊕ file ⊕ files ⊕ filter ⊕ find ⊕ firebug ⊕ firefox ⊕ flickr ⊕ font ⊕ font-face ⊕ footer ⊕ for ⊕ foreach ⊕ frankthuerigen ⊕ frontend ⊕ function ⊕ g-test ⊕ ga ⊕ geeknotes ⊕ gif ⊕ github ⊕ goodpractice ⊕ google ⊕ googleanalytics ⊕ graphic ⊕ graphics ⊕ guide ⊕ gwt ⊕ gzip ⊕ handling ⊕ har ⊕ hd ⊕ head ⊕ hinting ⊕ history ⊕ honza ⊕ howto ⊕ html ⊕ http ⊕ httpwatch ⊕ icon ⊕ icons ⊕ ie ⊕ image ⊕ images ⊕ increase ⊕ index ⊕ inline ⊕ innerhtml ⊕ inode ⊕ internetexplorer ⊕ ios ⊕ iphone ⊕ janodvarko ⊕ java ⊕ javascript ⊕ jeffatwood ⊕ jpg ⊕ jquery ⊕ js ⊕ jsmin ⊕ json ⊕ latency ⊕ law ⊕ lazyload ⊕ learning ⊕ lh ⊕ library ⊕ lion ⊕ load ⊕ log ⊕ loop ⊕ loops ⊕ loss ⊕ louisrosenfeld ⊕ mac ⊕ magazine ⊕ maintenance ⊕ management ⊕ market ⊕ math ⊕ measure ⊕ measurement ⊕ media ⊕ mediaquery ⊕ memcached ⊕ memoization ⊕ memory ⊕ merge ⊕ mezzoblue ⊕ mhtml ⊕ microsoft ⊕ migration ⊕ mobile ⊕ mod_gzip ⊕ mod_rewrite ⊕ mysql ⊕ myth ⊕ mythbuster ⊕ net ⊕ network ⊕ news ⊕ nicholaszakas ⊕ node ⊕ noise ⊕ nokia ⊕ nosql ⊕ npr ⊕ obfuscation ⊕ offer ⊕ onload ⊕ open ⊕ openweb ⊕ opera ⊕ optimization ⊖ order ⊕ orderofmagnitude ⊕ organic ⊕ osx ⊕ packet ⊕ page ⊕ pagespeed ⊕ paging ⊕ panel ⊕ parallel ⊕ pareto ⊕ parse ⊕ parsing ⊕ pattern ⊕ pdf ⊕ pearson ⊕ perfgormance ⊕ performance ⊕ photoshop ⊕ php ⊕ pixel ⊕ plugin ⊕ png ⊕ presentation ⊕ price ⊕ procedure ⊕ process ⊕ processing ⊕ profile ⊕ profiler ⊕ programming ⊕ punypny ⊕ purchase ⊕ quartz ⊕ query ⊕ raid ⊕ ready ⊕ record ⊕ recursion ⊕ redesign ⊕ redgate ⊕ reduction ⊕ render ⊕ request ⊕ resolution ⊕ resource ⊕ response ⊕ responsive ⊕ result ⊕ results ⊕ retina ⊕ return ⊕ rhino ⊕ rule ⊕ save ⊕ sb ⊕ scalability ⊕ scalable ⊕ scalar ⊕ scale ⊕ scaling ⊕ science ⊕ screen ⊕ script ⊕ se ⊕ search ⊕ selector ⊕ seo ⊕ serialize ⊕ server ⊕ service ⊕ settimeout ⊕ shard ⊕ sharding ⊕ sharpness ⊕ short ⊕ shrink ⊕ site ⊕ sitepen ⊕ sitepoint ⊕ size ⊕ slides ⊕ smashing ⊕ smushit ⊕ sniffer ⊕ software ⊕ sort ⊕ souders ⊕ source ⊕ sp ⊕ space ⊕ speed ⊕ spencerharbar ⊕ sprite ⊕ spriteme ⊕ sprites ⊕ sproutcore ⊕ sql ⊕ sqlserver ⊕ ssd ⊕ stackoverflow ⊕ stage ⊕ start ⊕ starter ⊕ statistics ⊕ stevesouders ⊕ storage ⊕ storedprocedure ⊕ stoyanstefanov ⊕ strategy ⊕ string ⊕ style ⊕ svg ⊕ table ⊕ tags ⊕ tcp ⊕ tcpdump ⊕ technique ⊕ template ⊕ test ⊕ testing ⊕ thread ⊕ ticket ⊕ tight ⊕ timing ⊕ timkadlec ⊕ tips ⊕ tomtrenka ⊕ tool ⊕ tools ⊕ trace ⊕ tracking ⊕ traffic ⊕ travel ⊕ trend ⊕ tutorial ⊕ typography ⊕ udf ⊕ ui ⊕ usability ⊕ vector ⊕ velocity ⊕ viewsource ⊕ virtualmachine ⊕ virtualpc ⊕ virtualserver ⊕ visible ⊕ vitamin ⊕ vladimirvukicevic ⊕ vm ⊕ vpc ⊕ web ⊕ webdesign ⊕ webdev ⊕ webkit ⊕ webpage ⊕ webperf ⊕ webserver ⊕ webstandards ⊕ while ⊕ windows ⊕ winxp ⊕ wpo ⊕ xdebug ⊕ xml ⊕ yahoo ⊕ ydn ⊕ yield ⊕ yui ⊕ yui3 ⊕ yuicompressor ⊕ zip ⊕ zipf ⊕Copy this bookmark: