JSJ 334: “Web Performance API” with Dan Shappir
JavaScript Jabber9 Loka 2018

JSJ 334: “Web Performance API” with Dan Shappir

Panel: Special Guests: Dan Shappir (Tel Aviv)In this episode, the panel talks with Dan Shappir who is a computer software developer and performance specialist at Wix.com. As Dan states, his job is to make 100 million websites (hosted on the Wix platform) load and execute faster! Past employment includes working for companies, such as: Ericom, Ericom Software, and BackWeb. He studied at Technion Institute of Management and currently lives in Tel Aviv, Israel. The panel talks about web performance API among other things. Check it out!Show Topics:1:29 – Charles: Let us know who you are and why you’re famous!1:39 – “Hello!” from Dan Shappir.2:25 – Charles: You should say that you go to EACH site EVERY day out of the millions of sites out there.2:53 – Charles: My mom mentioned Wix to me at first. My mom teaches High School Math.3:16 – Dan: Yes that is our mission statement. That everyone can get a website without the knowledge of how to build a website.3:52 – Aimee makes her comments.3:59 – Dan: On our platform we try to offer people flexibility. There are bounds and limits, but people can do their very own thing, though. To make Wix faster because as we add more features and functionality that is our goal.4:40 – Chuck: Okay, I know how to make X perform a little bit better. You are looking at a platform that controls TONS of sites, how do you even go about that?4:58 – Dan: It is more difficult then that. We have millions of users leveraging the platform but there are a lot of developers in Wix who are developing the platform. I don’t think anyone at Wix has a total grasp of the complexity of the platform that we built. We have hundreds of frontend people working on our platform. All of them have pieces to the kingdom. We have processes in place with code reviews and whatnot, but there is so much going on. There is a change every 2 minutes, 24/7. We need to make sure progressing instead of regressing. 6:54 – Aimee: I think it was interesting in one of the links you sent over. Because you know when something is getting worse you consider that a bug.7:15 – Dan: It is more than a bug because if we see regression in performance then that is a problem. I can literally see any part of the organization and say, “stop” if it will7:57 – Chuck: We are talking about performance, but what does that mean? What measures are there?8:15: Dan: We are looking at performance can mean different things in different contents. User sites, for example, most important aspect is load time. How quickly the page loads and gets open to the viewer to that specific site. When they click something they want it instantly and no drag time. It does change in different contexts.9:58 – Chuck: People do talk about load time. People have different definitions of it.10:12: Dan: Excellent question. When you look at the different sites through Wix. Different people who build sites – load time can mean something else to everybody. It can mean when you see the MAIN text or the MAIN image. If it’s on an ECON site then how soon can they purchase or on a booking site, how long can the person book X product.I heard someone at a conference say that load time is when: HERO TEXT And HERO IMAGE are displayed.12:14 – Chuck: What is faster React or Vue?12:21 – NEW HOST: Not sure. It all depends.12:34 – Dan: We are big into React. We are one of the big React users outside of Facebook. I joined Wix four years ago, and even back then we were rebuilding our framework using React. One of our main modifications is because we wanted to do server-side rendered.13:27 – Christopher asks Dan a question.14:16 – Dan: We are in transition in this regard. Before we were totally client-site rendered, and that was the case until middle of last year. Then we deployed...Dan: We are 100% server-side rendered now. Some things we are still using JavaScript. We have another project going on now and it’s fully CSS, and little JavaScript as possible. What you might want to do with that site is...You might get in a few months every Wix site will be visible even if JavaScript is disabled.16:26 – Aimee adds in her comments and observations to this topic.16:55 – Dan: We don’t want things displayed incorrectly before it lays out. We hide the content while it’s downloading then make it visible. They lay-outing are done faster, because...17:44 – Christopher asks Dan a question.18:04 – Dan: I got into API...Either you are moving forward or are you moving back. AKA – You are either progressing or regressing.Different stages:1.) Development stage2.) Pre-Production (automated tools that check the performance with specific use cases)3.) Check it out!It’s beneficial to use these APIs.21:11 – Christopher: What is performance APIs?21:38 – Dan: There is a working group – Todd from Microsoft and others who are exposing the information (that is available in the browser) out into the browser. When the browser downloads a certain source (image, font, etc.) it can measure the various stages of downloading that feature. You have these different sages of downloading this resource. The browser can measure each of these stages and then expose them to you. Basically it’s for the browser to expose this information to you and in a way that is coherent and uniform. It essentially maintains this buffer that puts performance entries sequentially.Dan continues explaining this topic in detail.25:55 – Dan: You have this internal buffer...28:45 – Advertisement – Sentry – They support opensource.29:39 – Christopher: everything you are saying seems that I can use this or that tab right now...Why would I prefer the API to something visual, hypothetically?30:03 – Dan: Three Different Stages. (See above.)This information is very, very helpful during the developmental stage. Say you got a link from someone...Dan mentions: Performance.mark 34:04 – Aimee: When you were talking about resource-ends. Many people don’t know what this is. Can you spend 2-3 minutes about how you guys are using these? Are there people can add for big bang for their buck?34:41 – Dan: This might want to be a topic for its own podcast show.Dan gives a definition of what a resource-end means.Go back to fonts as an example.Pre-connect for example, too.39:03 – Dan: Like I said, it’s a huge topic.You have to exercise some care. Bandwidth is limited. Make sure you aren’t blocking other resources that you do need right now.40:02 – Aimee: Sounds like a lot of great things to tap into. Another question I have is about bundling.40:27 – Dan: One of the things that we try to do (given that we are depending on the JavaScript we are downloading) we need to download JavaScript content to the client side. It has been shown often that JS is the most impactful resources that you need to download. You really want to be as smart as possible with that. What is even more challenging is the network protocols are changing.Dan continues to go in-depth about this topic. Dan: What we have found is that you want to strive to bundle resources together.44:10 – Aimee: Makes sense.44:15 – Dan continues talking about this topic.45:23 – Chuck asks two questions. (First question is now and second question is at 51:32.)2 Questions:1. You gather information from web performance AI - What system is that?45:42 – Dan: I am not the expert in that. I will try not to give misleading information. Actually let me phrase it different. There are 3rd party tools that you can use leverage in your website. IF you are building for commercial reasons I highly recommend that you use performance-monitoring solution. I am not going to advertise one because there are tons out there. We ended up rolling out our own infrastructure because our use case is different than most.At a conference I talked with a vendor and we talked about...51:32 – 2nd Question from Charles to Dan: Now you’ve gathered this information now what to you do? What patterns? What do you look for? And how do you decide to optimize things?54:23 – Chuck: Back to that question, Dan. How should they react to it and what are they looking for54:41 – Dan: Three main ways: 1.) Generate alerts 2.) See trends over long period of time 3.) Looking at real-time graphs.Frontend developer pro is that likely being woken up in the middle of the night is lower. We might be looking at the real time graph after we deployed...57:31 – Advertisement – Get a Coder Job!58:10 – Picks!Links:

Become a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

Jaksot(735)

183 JSJ Should I go to college?

183 JSJ Should I go to college?

JS Remote Conf 2016 will be from January 14th-16th from noon-4:30PM ET! Get your early bird tickets or submit a CFP now thru December 14th! 02:46 - Panel Consensus and Experience and Career Paths16:00 - The School Doesn’t MatterDavid and Goliath: Underdogs, Misfits, and the Art of Battling Giants by Malcolm Gladwell 19:59 - Panel Experience and Career Paths (Cont’d)38:36 - Practically Helpful Knowledge and Disciplines; Interviewing and Hiring46:38 - Privilege and Navigating Without Opportunity49:54 - Why get a degree if it’s not necessary?Support Structure01:02:13 - Consensus Part 2Picks The More Things Change (Jamison) Allison Kaptur: Effective Learning Strategies for Programmers (Jamison) @Aimee_Knight (Joe) Star Wars Battlefront (Joe) Amazing Grass (Aimee) Daniel Brain: Sane, scalable Angular apps are tricky, but not impossible. Lessons learned from PayPal Checkout. (Aimee) xkcd: Correlation (Dave) Lviv, Ukraine (Dave) CharlesMaxWood.com (Chuck) Every Time Zone (Chuck) The Positioning Manual for Technical Firms by Philip Morgan (Chuck) JS Remote Conf (Chuck) Support this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

28 Loka 201543min

182 JSJ RxJS with Matthew Podwysocki

182 JSJ RxJS with Matthew Podwysocki

02:19 - Matthew Podwysocki IntroductionTwitter GitHubMicrosoft04:01 - RxJSReactive JavaScript Interview w/ Jeffrey Van Gogh & Matthew Podwysocki @ JSConf 2010“First-class Events”10:18 - Practical Experience of UseObservables17:28 - observable-spec 21:43 - Observables and Promises 25:06 - Using RxJS in Common FrameworksRxJS Git Book RxJS Gitter Channel27:53 - Are there places where observables might not be better than callbacks/Promises?29:16 - Why would someone use RxJS on the backend in place of Node streams? RabbitMQ32:28 - Are Promises dying?36:13 - Observable GotchasHot vs Cold Observables40:29 - InfluenceElmFunctional Reactive Programming (FRP)47:47 - Will observables in ES2016 replace RxJS?Picks A cartoon guide to Flux (Aimee) Promisees (Aimee) The Dear Hunter - Act IV Rebirth in Reprise (Jamison) Jessie Char: Expert On Nothing @ NSConf7 (Jamison) XHR Breakpoints (Dave) Glove and Boots (Dave) Computer Programming (Joe) Evan Czaplicki’s Thesis for Elm (Joe) The Alchemist by Paulo Coelho (Chuck) thaliproject (Matthew) BBC Micro Bit (Matthew) Minutemen (Matthew)Special Guest: Matthew Podwysocki. Support this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

21 Loka 20151h 1min

181 JSJ The Evolution of Flux Libraries with Andrew Clark and Dan Abramov

181 JSJ The Evolution of Flux Libraries with Andrew Clark and Dan Abramov

Sign up for JS Remote Conf! Dan and Andrew's super awesome, helpful document that they made for the show during preparation03:22 - Andrew Clark IntroductionTwitter GitHubOpenGovflummox 03:39 - Dan Abramov IntroductionTwitter GitHubJavaScript Jabber Episode #179: redux and React with Dan Abramov 04:03 - FluxFlux vs MVC09:36 - Data FlowWhy FluxComponent > fluxMixinMixins Are Dead. Long Live Composition.  Higher-order Components Sebastian Markbåge's Tweet22:52 - Conceptualizing React and FluxReact.js Conf 2015 - Flux Panel Does redux limit ambiguity that exists in Flux?27:50 - Documentation 30:38 - The Elm Programming Language 32:34 - Making Patterns Explicit in FrameworksTom Dale @ TXJS 2015Let a 1,000 flowers bloom. Then rip 999 of them out by the roots.Sebastian Markbåge: Minimal API Surface Area @ JSConf EU 201436:31 - Getting Started with React and FluxClasses42:42 - Where Flux Falls Short58:23 - Keeping the Core Small; Making DecisionsPicks Strange Loop 2015 Videos (Jamison) Typeset In The Future (Jamison) Open-source as a project model for internal work (w/ speaker notes) by Kevin Lamping (Jamison) Explanation of Zipf's Law (Dave) Will Conant's talk at UtahJS 2015 on Flux (Dave) The Legend of ZERO (3 Book Series) by Sara King (Joe) Camel Up (Joe) The Elm Programming Language (Joe) Boundaries: A talk by Gary Bernhardt from SCNA 2012 (Aimee) Nodevember (Aimee) TV Fool (Chuck) RCA Outdoor Digital HDTV VHF UHF Yagi Type Antenna (Chuck) The Michael Vey Book Series (Chuck) BusinessTown (Dan) Elon Musk: The World’s Raddest Man (Dan) Professor Frisby's Mostly Adequate Guide to Functional Programming (Dan) Abiogenesis (Dan) react-future (Dan) The Righteous Mind (Andrew) lodash-fp (Andrew) Inside Amy Schumer (Andrew) dataloader (Andrew) Careers at OpenGov (Andrew)Special Guests: Andrew Clark and Dan Abramov . Support this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

14 Loka 201550min

180 JSJ Finding a Job

180 JSJ Finding a Job

02:14 - 15 Minute Podcast Listener chat with Charles Wood 03:23 - Amy’s Upcoming Talk at Nodevember 04:45 - Junior, Mid-level, and Senior Developers08:00 - Advice for Devs Straight Out of Boot Camp (How Job Hunts Work)14:28 - Looking For the Right Job For YOU The Passionate Programmer: Creating a Remarkable Career in Software Development by Chad Fowler23:22 - Mentorship & Company Culture 27:16 - Nailing the InterviewSalary ExpectationsGet to Know Potential Team MembersConfidence32:57 - Be Prepared: Coding is HARD Work35:27 - Getting To Know People & NetworkingHackathonsOpen Source ContributionDon’t Be Afraid … APPLY! ApprenticeshipsSaron Yitbarek: CodeNewbieConferences46:45 - Communication and People SkillsConway’s LawGet in touch with Aimee or Chuck!Tweet @cmaxwFork Aimee’s Ask Me Anything! Picks JS Remote Conf (Chuck) Rails Remote Conf (Chuck) Remote Conference Talks (Chuck) Standing Desks (Aimee) We have a problem with promises (Aimee) Interview Cake (Aimee) Nodevember (Aimee) A standing desk for $22 (Chuck) SmartCells Anti-Fatigue Comfort Mat (Chuck) Pebble Time (Chuck) Pebble.js (Chuck) Support this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

7 Loka 201558min

179 JSJ redux and React with Dan Abramov

179 JSJ redux and React with Dan Abramov

02:25 - Dan Abramov IntroductionTwitter GitHubDan Abramov: Live React: Hot Reloading with Time Travel @ react-europe 201502:43 - Dan’s Background and Journey Into Building Stuff with React Visual Basic05:48 - redux and React     10:07- The Elm Programming Language 12:19 - Reducers14:04 - Hot Reloading 17:50 - “React makes you a better JavaScript developer.”22:10 - Time Travel28:26 - Storing Data and Managing StateInteracting with the browser on CircleCI's VM34:43 - [Patreon] Support Dan Abramov Creating Redux and React Hot Loader 36:24 - react-transformreact-proxy babel-plugin-react-transformreact-transform-catch-errors41:34 - Using redux outside React43:52 - Editors and Programmer Productivity45:35 - Future PlansPicks The OAuth2 RFC (Aimee) Michael Ries: Hiring Apprentices (Jamison) @sebmck: "Sometimes having email history isn't always a good thing..." (Jamison) Metal Gear Solid 5: The Phantom Pain (Jamison) Firefly (Joe) The Elm Programming Language (Joe) Google Keep (Dave) 15 Minute Podcast Listener chat with Charles Wood (Chuck) Pebble Time (Chuck) 100 Days of Burpees (Chuck) Broad City (Dan) Jamie xx: In Colour (Dan) Cycle.js (Dan)Special Guest: Dan Abramov . Support this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

30 Syys 20151h

178 JSJ Tech Education and The Business of Running Front End Masters with Marc Grabanski

178 JSJ Tech Education and The Business of Running Front End Masters with Marc Grabanski

03:01 - Marc Grabanski IntroductionTwitter GitHub Blog03:35 - The jQuery UI Datepicker 04:29 - Frontend Masters@FrontendMasters07:26 - The Live Streaming PhenomenonTwitch.tv09:17 - Scalability11:25 - Value, Feedback Cycle14:43 - Structuring Courses and Workshops16:09 - Online vs In-PersonPrerequisites18:11 - Booking Workshops19:02 - Scaling (Cont’d)20:00 - Online Education (eLearning) in General egghead.ioCodeCombatNodeSchool21:40 - The Business ModelLicensing24:12 - Hot SellersKyle Simpson: Advanced JavaScript25:28 - Technical SetupLivestreamFirebase27:27 - Selecting Topics29:41 - Future Topics / Topics in Production30:38 - Individual / Company Attendeesfrontendmasters.com/workshops31:45 - Upcoming Plans for Frontend Masters32:32 - Advice For Starting Something Like Frontend Masters34:23 - Keeping Content Up-to-date36:14 - eLearning ExperimentsUntrusted exercism.ioNodeSchoolA Better Way to Learn JavaScriptMy Tech High39:30 - Giveawaysmarc@frontendmasters.com 40:07 - Getting Started with Programming43:03 - Marketing45:20 - Teacher CompensationPicks Jessica Kerr: Functional Principles In React @ React Rally 2015 (Jamison) thought-haver (Jamison) [Frontend Masters] Angular Application Development (Aimee) [Frontend Masters] JavaScript the Good Parts (Aimee) LÄRABAR (Aimee) Taking time off (Chuck) The Man from U.N.C.L.E. (Joe) BB-8 by Sphero (Joe) ng-conf (Joe) The Tim Ferriss Show (Marc) CodeCombat (Marc) Untrusted (Marc)Special Guest: Marc Grabanski. Support this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

23 Syys 201512min

177 JSJ UI Validation with Oren Rubin

177 JSJ UI Validation with Oren Rubin

02:43 - Oren Rubin IntroductionTwitter GitHubLinkedInTESTIM.IO 05:43 - TestingUnit TestingEnd-to-end TestingAcceptance TestingFunctional TestingPerformance Testing18:18 - Page Object(s)Locators27:10 - Protractor & SeleniumZombie32:06 - Checking UI (Screenshots)37:04 - End-to-end > Full Coverage?40:03 - When should you start testing?42:21 - Cucumber 45:39 - DebuggingPicks Paul Ford: 10 Timeframes (Jamison) Kishi Bashi - “In Fantasia” (Jamison) Matt Zabriskie (Jamison) http-backend-proxy (Aimee) repl.it (Aimee) React.js Training with Michael Jackson and Ryan Florence (Joe) React Rally (Joe) AngularConnect (Joe) ng-conf (Joe) Ruby Remote Conf Videos (Chuck) Angular Remote Conf (Chuck) 15 Minute Podcast Listener chat with Charles Wood (Chuck) Dave Haeffner: Elemental Selenium (Oren) CSS Secrets by Lea Verou (Oren) Cloudinary (Oren)Special Guest: Oren Rubin. Support this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

16 Syys 201559min

176 JSJ RethinkDB with Slava Akhmechet

176 JSJ RethinkDB with Slava Akhmechet

02:20 - Slava Akhmechet IntroductionTwitter GitHub Blog02:41 - RethinkDB Overview@rethinkdb rethinkdb repo    04:24 - How It’s UsedCompose.io05:58 - Joins12:50 - Returning DataJSON13:53 - Getting Data to the BrowserQuora ArticleSocket.IO19:35 - ClusteringReliability & Performance IssuesJepsen (Call Me Maybe Series)Consensus Algorithms26:37 - ReQL 30:53 - IndexesB-tree 32:18 - MapReduce 35:44 - The RethinkDB Community & Contributors38:04 - Is it production ready?40:08 - Differences Between Version 2.0 and 2.1 ExtrasJavaScript Jabber Episode #161: Rust with David HermanSteve Klabnik: Systems Programming for the Ruby Developer @ Ruby Remote Conf 2015  Picks Our World War (Dave) Quest Protein Bars (Aimee) You-Dont-Know-JS (Aimee) Angular Remote Conf (Chuck) Orphan Black (Chuck) Mr. Robot (Slava) Rick and Morty (Slava) The Rust Programming Language (Slava)Special Guest: Slava Akhmechet. Support this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

9 Syys 201551min

Suosittua kategoriassa Liike-elämä ja talous

sijotuskasti
psykopodiaa-podcast
mimmit-sijoittaa
rss-rahapodi
ostan-asuntoja-podcast
rss-lahtijat
herrasmieshakkerit
taloudellinen-mielenrauha
io-techin-tekniikkapodcast
oppimisen-psykologia
hyva-paha-johtaminen
rahapuhetta
rss-rahamania
rss-h-asselmoilanen
inderespodi
rss-neuvottelija-sami-miettinen
pomojen-suusta
rss-startup-ministerio
rss-bisnesta-bebeja
rss-vaikuttavan-opettajan-vierella