20 Easy Win Performance Tips

Syntax - Tasty Web Development Treats

Wes Bos

Tech News, Technology, News

4.9 • 1.2K Ratings

🗓️ 21 March 2018

⏱️ 63 minutes

🔗️ Recording | iTunes | RSS

🧾️ Download transcript

Summary

In this episode, Scott and Wes chat about 20 different ways you can improve the perf, speed and overall user experience of your websites. Cloudinary - Sponsor Cloudinary is the best way to host, compress and transform your images on the web. Sign up for their free tier and get 10GB of bandwidth for free! Also check out Cloudinary's ImageCon conference - use the code SYNTAX99 for a discount when checking out. Fluent Conf - Sponsor Developers, software engineers, designers, and web performance professionals flock to Fluent in pursuit of a common goal: building a better web. That means delivering fast, secure, accessible experiences to users and customers. Fluent covers a broad range of technologies and topics to provide web programming professionals with the skills, connections, and inspiration needed to build better online and mobile experiences. Fluent is this June 11-14 in San Jose, CA. Save 20% today with code: SYNTAX Show Notes So many perf tips came in over twitter, so in addition to this podcast I'd recommend you read all the replies to this tweet 0:00 We just cracked 1,000,000 downloads! Thank you! 4:00 Network Tips Reducing the amount of HTTP requests A little bit about HTTP2 An interview about http2 8:00 Use Caching and LocalStorage Turn on aggressive caching on your server - long expire times What is gzip? / Enabling gzip 12:00 Using a CDN Listen to our episode on CDNs and #BigZips 13:00 When to load your JS Blocking Requests 15:00 Use Lazy Loading 17:00 Preloading content with Link rel="preload" rel="prefetch" 19:00 Picture, picturefill and srcset="" Article on srcsrc and Picture srcset vs picture/source elements 25:00 Image Compression One less jpg Serve less data 26:00 Inline SVG Talk about Font Awesome 33:00 CSS and JS Code Critical CSS 37:00 Remove unused code Purify CSS no-unused-imports with ESlint 38:00 Code Splitting 40:00 Transpile less babel-preset-env 41:00 Tree shaking Hoyyyy its a tree shaker 42:00 Async ans defer attributes on your script tags Amazing site that visualizes async and defer 45:00 Icon Fonts Web Fonts Native Font Stack: Good: font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; 47:00 font-display 49:00 Troubleshooting Performance Simulate Slow Network Speed Google Page Speed Wes' Page Speed Video SIIIIICKkkkkkkkk PIXXXXX Scott: WiFi Surge Protector Wes: KitSound Bluetooth Airline Converter Shameless Plugs Scott is working on a Vue course! Wes is working on his Advanced React course! Tweet us your tasty treats! Scott's Instagram LevelUpTutorials Instagram Wes' Instagram Wes' Twitter Wes' Facebook Scott's Twitter Make sure to include @SyntaxFM in your tweets

Transcript

Click on a timestamp to play from that location

0:00.0	You're listening to Syntax, the podcast with the tastiest web development treats out there.
0:06.0	Strap yourself in and get ready. Here is Scott Tolinsky and West Boss.
0:10.8	Welcome to Syntax!
0:13.0	episode 1 million.
0:15.1	Well, not episode 1 million,
0:16.4	but we have just crassy 1, 1 million downloads.
0:21.5	This is our 1 millionth episode. Thank you so much for hanging in there.
0:25.6	And with that we'd like to announce that we are shutting it all down. No, I'm just joking. We're not there.
0:33.0	But we, I would just cracked 1 million downloads and I'm pretty excited about that.
0:37.5	So a huge thanks to everybody who has listened in and shared it with a friend and I don't know it done everything it's it's been a wild ride and we're looking forward to 1 billion
0:48.3	so with me today is the Scott Tolinsky how you doing today Scott
0:56.2	Hey I'm doing super good as usual. Just recording by next series and in getting all that stuff going, coding up and doing all sorts of, I don't know, just working, feeling good.
1:04.1	How about you?
1:05.1	Good, I'm feeling good too.
1:06.5	Just got back from a conference in Manchester, which was super fun, met a lot of
1:11.7	syntax fans there, which was pretty fun, met a lot of syntax fans there which was pretty fun to actually meet people in person.
1:16.6	It's funny people are like I hear your voice all the time but now you're in person or and now you're like at one X and I'll usually listen to you at two
1:24.7	X you sound like you're drunk. I know that isn't that weird like when I like
1:29.1	listen to a podcast and I suddenly turn it back to the normal speed,
1:32.6	they just sound like you're talking so slow.
1:36.7	It's so weird, I like don't get it.
1:38.6	Like, does your brain just adjust back to normal at some point?
	...

Please login to see the full transcript.

Previous episode | Next episode

Disclaimer: The podcast and artwork embedded on this page are from Wes Bos, and are the property of its owner and not affiliated with or endorsed by Tapesearch.

Generated transcripts are the property of Wes Bos and are distributed freely under the Fair Use doctrine. Transcripts generated by Tapesearch are not guaranteed to be accurate.