Podcasts about Lazy loading

Sia Karamalegos, performance engineer, web developer, and Google Developer Expert in Web Technologies & Web Performance, discusses the pitfalls of relying solely on Lighthouse scores, the importance of Real User Monitoring (RUM), and dive deep into metrics like Core Web Vitals and various other performance indicators, giving practical insights to enhance user experience on your website! Links https://sia.codes http://front-end.social/@sia https://bsky.app/profile/sia.codes https://github.com/siakaramalegos https://www.linkedin.com/in/karamalegos https://stackoverflow.com/users/5049215/sia https://conf.11ty.dev/2024/you-re-probably-doing-web-performance-wrong https://themevitals.com We want to hear from you! How did you find us? Did you see us on Twitter? In a newsletter? Or maybe we were recommended by a friend? Let us know by sending an email to our producer, Emily, at emily.kochanekketner@logrocket.com (mailto:emily.kochanekketner@logrocket.com), or tweet at us at PodRocketPod (https://twitter.com/PodRocketpod). Follow us. Get free stickers. Follow us on Apple Podcasts, fill out this form (https://podrocket.logrocket.com/get-podrocket-stickers), and we'll send you free PodRocket stickers! What does LogRocket do? LogRocket provides AI-first session replay and analytics that surfaces the UX and technical issues impacting user experiences. Start understand where your users are struggling by trying it for free at [LogRocket.com]. Try LogRocket for free today.(https://logrocket.com/signup/?pdr) Special Guest: Sia Karamalegos.

Summary In dieser Episode von SEOpresso diskutieren Björn Darko und Dr. Thorsten Bayer über die Bedeutung von Nachhaltigkeit im Web und wie SEO-Strategien zur Reduktion von CO2-Emissionen beitragen können. Sie beleuchten verschiedene Ansätze zur Optimierung von Webseiten, die sowohl die Nutzererfahrung verbessern als auch den ökologischen Fußabdruck verringern. Themen wie die Bedeutung von Performance, moderne Bildformate, Lazy Loading und die Wahl des richtigen Hostings werden ausführlich behandelt. In diesem Gespräch diskutieren Torsten Beyer und Björn Darko die Bedeutung der Webseitenoptimierung für Nachhaltigkeit und CO2-Reduktion. Sie beleuchten verschiedene Aspekte des SEO, einschließlich Crawling, Indexierung, den Umgang mit Bots, Lastverteilung auf Servern, Content-Management und Barrierefreiheit. Zudem werden Tools vorgestellt, die helfen, den CO2-Ausstoß von Webseiten zu messen und zu optimieren. Takeaways Nachhaltigkeit im Web ist ein wichtiges Thema für SEOs. Performance-Optimierung kann den CO2-Ausstoß reduzieren. Lazy Loading und moderne Bildformate sind entscheidend. Cloud-Lösungen bieten ökologische Vorteile. Jeder Webseitenzugriff benötigt Energie. Bilder sollten richtig skaliert werden. Greenwashing ist ein häufiges Problem. SEO kann zur CO2-Reduktion beitragen. Hosting-Entscheidungen beeinflussen die Nachhaltigkeit. Die Nutzererfahrung sollte nicht beeinträchtigt werden. Optimierung der Webseitenstruktur ist entscheidend für die Effizienz. Crawling und Indexierung sollten nachhaltig gestaltet werden. Bots machen einen erheblichen Teil des Traffics aus. Lastverteilung ist wichtig, um Server effizient zu nutzen. Content-Management kann zur CO2-Reduktion beitragen. Barrierefreiheit ist nicht nur gesetzlich vorgeschrieben, sondern auch wichtig für die Nutzerfreundlichkeit. Tools zur Analyse helfen, den CO2-Ausstoß zu messen. PDFs können problematisch für SEO sein. Korrekte Cron-Jobs können den Stromverbrauch senken. SEO kann einen positiven Einfluss auf die Umwelt haben. Chapters 00:00 Einführung in die Nachhaltigkeit im Web 03:02 SEO und nachhaltige Praktiken 05:52 Der Einfluss von Performance auf den CO2-Ausstoß 08:59 Hosting-Optionen und ihre ökologischen Auswirkungen 11:57 Optimierung der Nutzererfahrung und Energieverbrauch 18:52 Optimierung der Webseitenstruktur für Nachhaltigkeit 19:54 Effizientes Crawling und Indexierung im SEO 22:11 Umgang mit Bots und Crawlern 23:50 Lastverteilung und Servereffizienz 26:03 Content-Management und CO2-Reduktion 30:48 Barrierefreiheit und ihre Bedeutung 31:14 Tools zur CO2-Reduktion und Webseitenanalyse Tools: websitecarbon.com digitalbeacon.co https://ecograder.com/ screamingfrog.co.uk Buch: https://link.springer.com/book/10.1007/978-3-658-41093-3 Podcast: https://open.spotify.com/show/7rV2vDuTwcPcmpYpWilHDw?si=ba0704366e064d4a

Skip the Queue is brought to you by Rubber Cheese, a digital agency that builds remarkable systems and websites for attractions that helps them increase their visitor numbers. Your host is Paul Marden.If you like what you hear, you can subscribe on iTunes, Spotify, and all the usual channels by searching Skip the Queue or visit our website rubbercheese.com/podcast.If you've enjoyed this podcast, please leave us a five star review, it really helps others find us. And remember to follow us on Twitter for your chance to win the books that have been mentioned in this podcast. Special Clips from our previous guests:Understanding Sustainability Reporting https://skipthequeue.fm/episodes/polly-bucklandPolly Buckland sat on the client side in a marketing manager role at BMW (UK) Ltd before co-founding The Typeface Group in 2010. She's an ideas person, blending creativity and commercial awareness to get the best outcomes for our clients.The Typeface Group is a B Corp Communications Agency + Design Studio based in North Hampshire. Their mission is to counteract digital chatter by championing authentic and strategic communication. Team TFG work with brilliant minds in business to extract, optimise and amplify their expertise, cutting through content clutter and stimulating saleswhile reducing digital waste at all costs.  The Typeface Group have been B Corp certified since October 2021 and is currently going through recertification. Digital Sustainability and the Elephant in the Room https://skipthequeue.fm/episodes/james-hobbsJames Hobbs is a people-focused technologist with over 15 years experience working in a range of senior software engineering roles with a particular focus on digital sustainability.He is Head of Technology at creative technology studio, aer studios, leading the technology team delivering outstanding work for clients including Dogs Trust, BBC, Historic Royal Palaces, and many others. Prior to joining aer studios, James was Head of Engineering at digital agency Great State, where he led a multi-award-winning software engineering team working with clients including the Royal Navy, Ministry of Defence, Honda Europe, the Scouts, and others.He also has many years experience building and running high-traffic, global e-commerce systems while working at Dyson, where he headed up the global digital technical team. Making Holkham the UK's most pioneering and sustainable rural estatehttps://skipthequeue.fm/episodes/lucy-downing-and-sue-penlingtonLucy Downing - Head of Marketing and Sue Penlington - Sustainability Manager at Holkham Estates.  Transcription:  Paul Marden: Welcome to Skip the Queue, a podcast for people working in and working with visitor attractions. Paul Marden: When consumers are asked if they care about buying environmentally and ethically sustainable products, they overwhelmingly answer yes. A recent study by Nielsen IQ found that 78% of us consumers say that a sustainable lifestyle is important to them. And while attractions have been great at a wide range of initiatives to improve their sustainability, this year's Visitor Attraction Website Survey will show that as a sector, we're lagging behind on digital sustainability. Paul Marden: So in today's episode, I'm going to talk about the learning journey I've been on personally, along with my colleagues at Rubber Cheese, to understand digital sustainability and how to affect real change. Paul Marden: I'll talk about what I've learned from hosting this podcast and how we've started to make real changes to our processes and our client sites to make them more sustainable. Welcome to Skip the queue. I'm your host, Paul Marden. Paul Marden: Back in April, I spoke to Polly Buckland from The Typeface Group about the importance of sustainability reporting. Polly Buckland: There's buckets of research out there as to the relationship between consumer behaviour and sustainability. So McKinsey did a study. “60% of customers actively prioritise purchasing from sustainable businesses.” Capgemini, “77% of customers buy from and remain loyal to brands that show their social responsibility.” I could literally keep quoting stats as to why businesses should take their sustainability goals very seriously and the communication of their sustainability initiatives very seriously, because it's becoming clearer. There was another stat about primarily women making the decisions based on sustainability of a business, and Millennials and Gen Z being sort of high up the list of people that are taking sustainability creds into consideration when they're making a purchase. So, I mean, it's a barrel load of stats that suggest if you don't have your eye on sustainability reporting and communicating your sustainability goals, you perhaps should have. Paul Marden: Of course, many attractions have been blazing a trail on the subject of sustainability for years. Going back in the archives of Skip the Queue to 2021, Kelly spoke to Lucy Downing, the Head of Marketing, and Sue Penlington, the Sustainability Manager for the Holkham Estate. First, let's hear from Kelly and Lucy. Kelly Molson: Lucy, I wondered if you could just give us an overview of Holkham Estates for our listeners that might not be aware of you or visited there themselves. Lucy Downing: So if you sort of picture it, most of the time when you think about stately homes, you picture a stately home with a garden. At Holkham, we are very much a landscape with a stately home. So 25,000 acres. We have a national nature reserve. A beach, b eautiful beach. It's been in Shakespeare in love. If you know the final scenes of Gwyneth Paltrow walking across the sands, that's Holkham, a bsolutely stunning. We're a farm, but at the centre of that, we've also got our 18th century palladian style mansion and that's home to Lord Lady Leicester and their family. They live in the halls. It's a lived in family home. But then we also have all of our visitor facing businesses. Lucy Downing: So we've got the hall, our Holkham stories experience, which is an attraction museum telling us all history and the now and the future of Holkham. Lucy Downing: We've got a high ropes course, cycle hire, boat hire, normally a really buzzing events calendar. We have accommodations. We've got Victoria Inn, which is near the beach. We've also got Pine Woods, which is a holiday park with caravans and lodgers. We have our self catering lodges, which within the park. And then we've got farming, conservation, gamekeeping, land and properties. We've got nearly 300 properties on the estate that are tenanted. A lot of those people work for Holkham, or if not, they work in the local community. We've got forestry and then we've also officiated and it's won lovely awards for the best place to work in the UK. It's a stunning landscape that surrounds it and we've got. I don't know if you've heard of her, but Monica Binnedo, which is global jewellery brand, she's based at Longlands at the offices. Lucy Downing: She decided a few years back to base her whole business there. She got all of her shops around the world, but that's where her business is. And I think she's ahead of the times, ahead of this year. She sort of knew how wonderful it would be to be working, I suppose, and not in a city centre, so I hope that gives you a flavour. But, yeah, I think it's 25,000 acres of beauty, landscapes with a house in the middle and lots of wildlife. Kelly Molson: I mean, it really is one of the most beautiful places and that stretch of the world holds a really special place in our hearts. It's somewhere that we visit very frequently and it's stunningly beautiful. Paul Marden: Later in that episode, Sue shared her insights on their sustainability strategies. Sue Penlington: So we've got three main themes. One is pioneering environmental gain I, which is all about connecting ecosystems and biodiversity and habitats. One is champion low carbon living, which is all about carbon emissions, our impact on construction and housing, our leisure operations. That sort of thing, and farming. And then the last one is the one that we always talk about. Tread lightly, stamp out waste. So that's all about recycling, reducing single use plastics and that sort of thing. So those three themes are what we're running with for 2021. We've got three goals, which are quite ambitious as well. And for me, I just see 2021 as that year of change where we'll make an impact. So we've done quite a lot of talking, and rightly so, and we want to take our visitors on that journey and really start to chip away at those goals. Paul Marden:  Now, let's talk a little bit about the fears around talking about sustainability. I think one of the things that is getting in the way of an open discourse around digital sustainability is fear. We're afraid of being judged by our actions and our intentions. In a recent survey by Unilever of social media influencers, 38% were afraid to openly discuss sustainability for fear of being accused of greenwashing. Again, let's hear from Polly, which is. Polly Buckland: Why, again, that storytelling part of the impact reporting is really important for me, because I will say we are not perfect. These are the things that we know we need to work on, but these are the things we've done better. And that's what I really like. The BCorp BIA assessment and their framework is because it takes you across five categories of measurement, and no one's perfect in any of them, but what it does do is it provides a framework for you to better. Paul Marden: Yes, absolutely. Polly Buckland: And measure yourself against. Yeah, I think if. I think the messaging behind your sustainability is really important. If you're professing to be perfect and you're not, you will get stung, because I think people can see through that. But if you are showing that you're trying to better, I don't think many people could argue with that. Paul Marden: Now, let's rewind a little and talk about my interest in digital sustainability. When I spoke to James Hobbs of the aer studios about digital sustainability back in July, we talked about my ignorance. So my background was at British Airways and I was there for ten years. It really wasn't that hard to spot the fact that environmentally, that we have a challenging problem, because when you stood on the end of Heathrow Runway, you can see what's coming out the back end of a 747 as it takes off. But I don't think I ever quite understood the impact of what I do now and how that's contributing more to CO2 emissions than what I was doing previously, which, yeah, I just don't think there's an awareness of that more broadly. James Hobbs: No, yeah, I'd agree. And it's complicated. Paul Marden: In what way? James Hobbs: I guess it's complicated to quantify the carbon impact of the type of work that we do in the digital industry because I guess there's what we're shipping to end users, which is one thing, but most modern websites and applications and stuff are built on a big tower of cloud services providers and all of their equipment has to be manufactured which has a carbon impact and rare earth metals need to be mined out of the grid. All of that stuff. Theres a big supply chain backing all this stuff and we can influence some of that directly, but a large chunk of it, we cant. So it makes choosing your suppliers quite important. Paul Marden: But in a presentation by my friend Andy Eva-Dale, now CTO of the agency Tangent, he opened my eyes to the impact that the digital sector has on the environment. The Internet consumes 1021 terawatt hours of electricity per year. That's more than the entire United Kingdom. Globally, the average webpage consumes approximately 0.8 grammes of CO2 per page view. For a website with 10,000 monthly page views, that's 102 kilos of CO2 per year. And as we'll see in a bit, the Rubber Cheese Visitor Attraction Website Survey shows this year that the websites in our sector are anything but average. But let's talk about my learning journey. I've used this podcast as a way to learn about the sector and to drill down into sustainability itself. My interviews with Polly and James taught me a lot. It's one of the real benefits of running a podcast. Paul Marden: I can sit and ask people questions that in real life they may not want to talk about. Beginning from absolute first principles. Following the advice from James in the podcast, I've gone and studied the online materials published by the Green Software foundation, including their green software practitioners certificate. Some of that is quite technical, but a lot of what's in there is a real interest to a lot of people. Now let's talk a little bit about what I've learned along that journey. In an interesting conversation with Andy Povey the other day, he talked about people's innate reaction to digital sustainability and that for many people, the move to digital feels sustainable. I'm not printing things out anymore, so it must be sustainable. Of course, all that computation and networking has a massive global impact on greenhouse gas emissions, so not every website is sustainable. Paul Marden: In another conversation I had recently, someone said to me, why does all of this digital sustainability stuff matter? If I host my site on a green hosting server, there's no harmful emissions from the server. But that's only one part of a complex web. The power needed to connect up all the servers in the world and to all of the endpoint devices is immense. Of course, the carbon emitted to generate power varies country by country as well as by time. And that's not really in our control. But we can definitely control the impact our website has on all of that infrastructure. As the web page is in flight over the Internet to somebody's mobile device, the power it uses and consequently the carbon emitted along the way is therefore something that's definitely in our control. Paul Marden: The other source of learning for us this year has been the sustainability elements of the rubber cheese survey of visitor attraction websites. We made sustainability a core theme of this year's survey and we found some really interesting things. 80% of attractions in our survey have got some sort of sustainability policy, which is an amazing achievement and sets a benchmark for the sector. Also, a number of attractions are taking active steps to improve the sustainability of their website. But we found that this isn't necessarily being done in a framework of measuring and monitoring the sustainability of their website. So the changes that people are making could be making improvements to the sustainability of their site, but at worst, some of the techniques being used could actually harm the performance and sustainability of the website. Paul Marden: The thing is, if you're not testing and measuring, you can't ever know whether the changes that you're making are effective. The Green Business Bureau talk about how benchmarks provide a reference point to assess trends and measure progress and baseline global data. They say, "Companies have begun measuring sustainability performance, which allows them to make continuous assessments, evaluate where they lie on the sustainability agenda and make data driven decisions and policies. Measuring sustainability requires proper selection of key sustainability metrics and a means of making effective process improvements. These measures provide real time data and much needed quantitative basis for organisations to strategise and mitigate environmental and social and economic risks." I'll come back to making process improvements later, but for now let's just stick with measures. Back to James Hobbs, who talked about the ways in which you can measure the CO2 emissions on our website. James Hobbs: There are some tools out there that you can use to help you quantify the carbon impact of what you've got out there in the wild now. So the big one that most people talk about is websitecarbon.com, which is the website carbon calculator that was built by, I think a combination of an agency and some other organisations come up with an algorithm, it's obviously not going to be 100% accurate because every single website app is slightly different and so on, and as a consistent benchmark for where you are and a starting point for improvement. Tools like that are really good. Ecograder is another one. Those offer non technical routes to using them. Paul Marden: Now, both of these websites use similar technologies and methodologies to understand the CO2 emissions of a website. But the survey shows more than half of attractions have never tested the CO2 emissions of their site. This got me thinking. If it's that easy to test the sustainability of a single webpage and you can run them on any website, but most attractions aren't doing it, then what can we as Rubber Cheese do to help? So in this year's survey, we've run the largest audit of visitor attraction sustainability scores that we're aware of. So working with our lovely podcast producer Wenalyn, who also supports me with the survey, firstly, I run a proof of concept gathering and comparing data for a small number of attractions in our database this year. Paul Marden: Once we began to better understand the data, Wenalyn went and ran this against all of the sites that were in our database. With this, we hope to support the sector with a benchmark of webpage sustainability that can be used by anyone in the sector. And what this has shown us is that 58% of attraction websites are rated f by Website Carbon. That's 8% worse than the general population of all websites. But the sobering thing for me as an agency owner is that the sites that we build were in that 58%. The work that we've been doing recently isn't good enough from a sustainability perspective. So this triggered a number of projects internally for us to improve the sustainability posture of the sites that we design and build. Paul Marden: So I'm going to dig into one of those sites and the journey we've been on to remediate the sustainability of their site, because I think it can give a really nice understanding of the journey that you have to go on, the changes that you can make, and what the impact of those changes could be. Now, we started by benchmarking the scores for the site in question from Website Carbon and Ecograder. And this site was a grade F and marked 51 out of 100 by Ecograder. From there, we drove our improvements off of the feedback that Ecograder gave us. We worked as a team to estimate the work involved in the feedback from Ecograder to identify the tasks with the lowest estimated effort and the highest potential impact. Paul Marden: Essentially going for the quick wins, we implemented a number of really simple measures, we implemented lazy loading of images. This is making the browser only download images when they're just about to show on screen. If you don't lazy load an image on a page, then when the webpage opens, the browser will go and grab the image, calculate the size, and redraw the webpage with that image in it, even though the image is off screen. If the user then clicks something in the top part of the screen, maybe in the top navigation, and they never scroll down, they will never see that image. So all that network traffic that was used, all the computation in the browser to be able to figure out the size and paint the screen, was completely wasted because the user never got to see the image. Paul Marden: So by lazy loading, it means that if a person doesn't scroll all the way down the page, then an image near the bottom of the page will never get loaded. And it's an incredibly simple code change that you can write in now. This used to be something that you had to write custom code to implement, but most browsers now support lazy loading, so it should be really easy for people to implement that. Paul Marden: Another thing that we did was to correctly size images. We found that, but with best rule in the world, our editors were uploading images that were very high resolution, very big images, even though on screen we might only show a thumbnail. By resizing the images inside WordPress, we've made it easy for our editors to upload whatever size image that they like. But we only share the smaller image when somebody views the webpage, again, cutting down network traffic as a result of that. One other thing that we made a change on was to make the website serve more modern image formats. Paul Marden: Again, we used a WordPress package to do this, called imagify, and it means that our editors can upload images using the file formats that they're familiar with, like JPEG, GIF and PNG, but that we convert them to more modern formats like WebP inside WordPress. And that has better compression, making the images smaller without any discernible loss of quality, and making the whole webpage smaller, lighter, faster as a result of it, which has the impact of reducing the CO2 emissions that are needed to be able to use that webpage just as a guide. We measure everything that we do in the business in terms of the time it takes us to do things. So we're real sticklers for time tracking, but it was really important in this project for sustainability to work out what the differences were that were making. Paul Marden: So these changes, those three that I just outlined there cost us about a day and a half of development effort and much of that was done by one of our junior developers. So it wasn't hugely complex work that was done by an expensive, experienced developer. But in return for those changes, that one and a half days of effort, we've seen an improvement in rating by website carbon from F  to B and on eco grader from 54 out of 100 to 83 out of 100. This puts the site well into the realm of better than most websites on the Internet and better than 84% of attractions in this year's survey. Is it enough? No, of course not. We can do more and in fact, there are still technical improvements that we can make that don't impinge at all on the user's experience. Paul Marden: We can and we will make more changes to move the site from B to A or even to A+. But there's no doubt that following the old 80-20 rule, these marginal gains will be progressively harder and more costly to achieve. And there may be changes that are needed that will impinge on the user experience. Some things you cannot improve from a sustainability perspective without changing what the user is going to experience. If you've got an auto playing video on your website that consumes bandwidth, it generates network traffic. You cannot remove that video without removing the video entirely and changing it to be something that isn't autoplay but plays w hen a button presses that will have an impact on the user experience. Not everyone will click that button. Paul Marden: Not everyone will watch that video and say not everyone will necessarily have the same feeling about the attraction that they got when there was an autoplay video in place. But there are undoubtedly lots of things that can be done that don't impact the user experience of the site. One of the changes that we still haven't made, which is a little bit more effort, it's a little bit more complexity, and adds a little bit of costs to the hosting of the website is the introduction of a Content Delivery Network or CDN. Here's James Hobbs again from aer. James Hobbs: From a technical angle, I think one of the most impactful things you can do, beyond making sure that your code is optimised and is running at the right times, at the right place, is simply to consider using a content delivery network. And for your listeners who aren't familiar with a content delivery network, a CDN is something that all of us have interacted with at one point or another, probably without realising. In the traditional way of serving or having a website, you've got some service somewhere in a data centre somewhere. When someone types your website address in, it goes and fetches that information from the web server and back comes a web page in the simplest sense. James Hobbs: Now, if your website servers live in Amsterdam and your users on the west coast of America, that's a big old trip for that information to come back and forth, and it's got to go through lots of different hops, uses up lots of energy. A Content Delivery Network is basically lots and lots of servers dotted all over the planet in all of the major cities and things like that can keep a copy of your website. So that if someone from the West Coast of America says, "Oh, I'm really interested in looking at this w ebsite.", types the address in, they get the copy from a server that might be 10,20, 50 miles away from them, instead of several thousand across an ocean. James Hobbs: So it loads quicker for the user, which is great from a user experience, SEO, but it's also great from an energy point of view, because it's coming from somewhere nearby and it's not having to bounce around the planet. That's one thing that you could do that will make a massive and immediate impact commercially and from a sustainability point of view. Paul Marden: So there's another example of something that you can do that has very little impact on the experience of the website. In fact, it massively improves the user experience of the website, takes relatively little effort, but offers a huge improvement. Those are all things that we've done to one individual website. Let's talk a little bit about how we bake that into our process. In a 2022 article in the Harvard Business Review about how sustainability efforts fall apart, they recommend embedding sustainability by design into every process and trade off decision making. I found that language really interesting. It's similar to the language used widely in technology and security that was popularised during the launch of the EU General Data Protection Legislation, which talks a lot about having a security by design approach. Paul Marden: So taking this idea of designing sustainability into every process and trading off the decision making, we've incorporated it into our sales proposal, writing, designing and testing processes. Our people responsible for selling need to bake sustainability into the contract. We want to hold ourselves and our clients accountable for the sometimes difficult decisions around meeting a sustainability target. So we'll discuss that target at the beginning of the project and then hold ourselves to that throughout the design and build process, thereby not needing to do all the remediations that we've just done on the other website, because it's typically much easier, quicker, cheaper for us to implement a lot of those things. The first time through the project, as opposed to as a remediation at the end. We've also baked sustainability testing into our process. Paul Marden: No site goes live without having been tested by both website carbon and eco grader to make sure that the site meets the criteria that we set out at the beginning of the work. So we've thought a lot about how we can improve what we do and we've started to go back and remediate over some of the work that we've done more recently to make improvements. But my learning journey hasn't been entirely smooth. There are challenges that I've hit along the way. I think there's a few interesting challenges that are to be expected as you're going about learning things that I wanted to share. For example, we've done work to remediate the scores of one of our sites and been super excited with the impact score. Paul Marden: I mean, went from bottom of the Fs to A+, only to deploy those changes into production and it didn't move the dial at all on the production website. And that was heartbreaking. Once we looked into that in more detail, thinking that we've done loads of changes, move the dial such a dramatic amount, only to launch it into the wild and it barely touched things. What we realised that in the test environment that we used, we had password protection in place and the website carbon and Ecograder were testing the password screen, not the actual homepage underneath it. So there was a lesson learned for us. The other area where we've made lots of learnings is during the survey when we created our sustainability benchmark. We've seen test results so good that they can't be explained. We've seen somebody hitting 100 on Ecograder. Paul Marden: We've also seen scores that were contradictory on Ecograder and Website Carbon, and also scores that have dropped dramatically. When we first tested in August and did a validation test checked last week, we're still working our way through these wrinkles and I think some of it is because we're looking at many hundreds of websites rather than trying to learn by testing and improving just one site. But beyond the kind of technical challenges, there remain some things that I simply don't understand. And my mission going forward is to fill those gaps. Firstly, while both Ecograder and Website Carbon use the same underlying principles and tools to calculate CO2 emissions, they often can and do give different results. Paul Marden: Not just in the fact that one is A+, a F score and the other is out of 100, but that the basic page sizing in kilobytes and consequently the CO2 can and often is different depending on which tool you look at. And I don't understand why that is, and I need to look into that. And I'm sure we'll come back to the podcast and talk more about that once I do understand it better. But the other problem is that I'm struggling with the size of the problem and the size of the prize. There's no doubt in my mind that making these improvements is the morally right thing to do, and commercially it's right as well, because it improves your outcomes on the website as well as the sustainability. Paul Marden: I'm just struggling with the business case, because if I had an unlimited budget, I do make every change in business that improves the sustainability posture of the business. But most marketers, most people that listen to this podcast don't have an infinite budget. They have a very finite budget, and so they have to put their budget to work where it's going to have the most impact. And what's the return on investment of spending 5k on improving the website versus changing light bulbs to leds, or moving away from gas powered water heaters in the outside toilets by the penguins? It's really difficult at the moment for me to be able to understand where this is the right and sensible investment of sustainability funding within an organisation. So I've shared my learning journey over the year. What about you? What can you do next? Paul Marden: For one last thought, let's head back to the conversation between Kelly and Lucy and Sue from Holkham. Kelly Molson: Are there any advice that you could share with our listeners in terms of how they start or begin to look at sustainability? Lucy Downing: Interesting. I was chatting with Lord Leicester yesterday about the subject and were sort of agreeing that I think you definitely need to know where you are, particularly as a business. You know where you are, because then you can set your goals in a realistic fashion. And I think the one thing to remember is that it has to be realistic, because you need to set goals that you can financially deliver, because if they're not financially viable, then you're not going to be here as a business to deliver them. And what we're also finding and talking to other businesses that actually quite a lot of the sustainability gains that you can make are actually in financial ones too, because you probably cut down on some of your resources that you're using, you'll think better, you'll work smarter. Lucy Downing: So it's just, I think that's something to definitely remember, that it has to be sustainable in all ways, socially, financially and environmentally. That's definitely some key advice. And I think be authentic. There's a lot of talk around greenwashing. Don't be guilty of thinking, wow, this is something we really should do and we're going to do it and just talk about it. It has to be authentic. So really think about where you can make the biggest changes environmentally for sustainability and focus on those and just make sure. Yeah, it's like us really. We're saying we're launching our sustainability strategy, but actually for the past ten years, we've now we've got 100 acre solar farm, we've got anaerobic digester, we heat the hall and all of our businesses with woodchip, so we've got our biomass boilers. Lucy Downing: So we've been doing it for quite a long time without telling anyone. But what we're now doing is saying, actually, that's not even enough, we need to up it further. So, yeah, that's the thing. I think it just has to be authentic and realistic. Sue Penlington: Yeah. And from my point of view, I'm a bit of a doer do and not a talker, so don't get bogged down. It could be absolutely overwhelming. And I think when I was first approached by my boss here, I was just like, wow. Because it isn't just rubbish, it's every single business. Sue Penlington: It's huge. But from my point of view, small differences can make a really big impact and keep chipping away at it because solutions are out there. There's loads of people doing really cool things. And, you know, every night I'm on Google looking up something else or going down another rabbit hole because I've seen something on Twitter. So for me, every day is a school day. But, yeah, get stuck in and collaborate with other like minded people. You know, nowadays you're not considered swampy because you're talking about sustainability. Sue Penlington: Well, you know, it's totally on brand, isn't it? And let's not reinvent the wheel. If we can learn from other people, then let's do that. I mean, go for it. Literally, every single individual can make a difference. Kelly Molson: Oh, Sue, that's. Yeah, you've just got me right there, sue. And I think what you said about collaborating and learning from people, that has been something that's so key this year. People are so willing to share their plans, they're so willing to share what they're doing and how they're doing things. Especially within this sector, there's always somebody that's doing or, you know, a couple of steps ahead of you that you can learn from. And people are so willing to kind of give up that advice and their time at the moment as well. So definitely that's a key one for me. Ask people. Ask people for help. Ask people how to do things. Paul Marden: I'd like to thank everyone that contributed to this episode, including Kelly, Lucy and Sue at Holkham, Polly at TFG and James at aer. Thanks to everyone that's helped me with this journey in the last year, the lovely clients we've talked to, the survey respondents, and my team at Rubber Cheese, Steve, Ben, Tom, Sinead, Wenalyn, and Oz, who've all worked really hard to benchmark the sector and to make continuous improvements to our client's sustainability. As you know, we're really experimenting with the podcast format at the moment, and if you like this or any of the other changes, I'd love to hear. And if you don't, then tough, go make your own podcast. Only joking. I'd love to hear. If you think we can make improvements, you can find me on X, @paulmarden and also on LinkedIn. Paul Marden: If you're at VAC this week, the Visitor Attraction Conference, then I'll be there with Oz and Andy. So come and say hi to us and I'll see you again in a couple of weeks time. Paul Marden: Thanks for listening to Skip the Queue. If you've enjoyed this podcast, please leave us a five star review. It really helps others find us. And remember to follow us on Twitter for your chance to win the books that have been mentioned. Skip The Queue is brought to you by Rubber Cheese, a digital agency that builds remarkable systems and websites for attractions that helps them increase their visitor numbers. You can find show notes and transcriptions from this episode and more over on our website, SkiptheQueue.fm. The 2024 Visitor Attraction Website Survey is now LIVE! Help the entire sector:Dive into groundbreaking benchmarks for the industryGain a better understanding of how to achieve the highest conversion ratesExplore the "why" behind visitor attraction site performanceLearn the impact of website optimisation and visitor engagement on conversion ratesUncover key steps to enhance user experience for greater conversionsFill in your data now (opens in new tab)

Ivan Akulov, Senior Performance Engineer at Framer, discusses optimizing React performance and major advancements in React, including hooks, concurrency, and the crucial invisible performance enhancements that make modern web applications smoother and faster. Links https://iamakulov.com https://x.com/iamakulov https://github.com/iamakulov https://www.linkedin.com/in/iamakulov https://3perf.com We want to hear from you! How did you find us? Did you see us on Twitter? In a newsletter? Or maybe we were recommended by a friend? Let us know by sending an email to our producer, Emily, at emily.kochanekketner@logrocket.com (mailto:emily.kochanekketner@logrocket.com), or tweet at us at PodRocketPod (https://twitter.com/PodRocketpod). Follow us. Get free stickers. Follow us on Apple Podcasts, fill out this form (https://podrocket.logrocket.com/get-podrocket-stickers), and we'll send you free PodRocket stickers! What does LogRocket do? LogRocket provides AI-first session replay and analytics that surfaces the UX and technical issues impacting user experiences. Start understand where your users are struggling by trying it for free at [LogRocket.com]. Try LogRocket for free today.(https://logrocket.com/signup/?pdr) Special Guest: Ivan Akulov.

في الحلقة دي حنتكلم عن الـ Code splitting واهدافه والغرض من اننا نـ Lazy Load الكود بتاعنا وازاي اعرف اد ايه من الكود بتاعي ممكن نعمله Split مع Chrome Devtools. وايه آثار ذلك علي الأداء وتجربة المستخدم وهل دا شئ كثرته كويسة ولا لأ؟ لينكات مفيدة: Dynamic imports - Vite.js Async components - Vue.js Lazy - React Astro Client Directives preloadComponent - Nuxt.js

We're talking Dave's new haircut, playing Hondo, what Dave uses for images on his bookshelf page, lazy-loading thoughts, vh vw follow up, eyeball tracking updates, loading website with js, Vue transitions, charging for API access, and do you cross post, one post, or no post on social media in 2023?

Hey friends!

What's up everyone, this is Dariusz Kalbarczyk co-founder of NG Poland, JS Poland, AngularMaster.dev & WorkshopFest.dev. Welcome back to the JavaScript Master Podcast. https://js-poland.pl Today, together with Miško Hevery, who is an CTO at Builder.io, creator of Qwik, Angular, Angular.js and co-creator of Karma.js, we will tell you about everything that happens around Qwik. Hi Miško. How are you? For those who don't know you yet, please tell us about yourself? What exactly do you do at Builder.io? What does your work day look like? Before we get started, I wouldn't be myself if I didn't ask you about Angular. I know that this podcast is supposed to be dedicated to Qwik, I know it is your newest baby and you surely love it very much. Am I correct? I also know that you are the creator of AngularJS, about which I once wrote a book, which completely changed my professional life. For that I would like to publicly thank you now! Tell us how you started your adventure with Angular, what was the main driving force for you, to create this amazing framework, and what goals did you set for yourself at the beginning of this journey? Let's now turn to the main topic of our conversation which is: Qwik. Qwik offers the fastest possible page load times - regardless of the complexity of your website. Qwik is so fast because it allows fully interactive sites to load with almost no JavaScript and pickup from where the server left off. What does it mean? What goals did you set for yourself this time? What, then, is the difference between the current generation of frameworks and Qwik? Why is Qwik unique? What is the biggest benefit of switching to your new baby? Since Qwik gives us something like a screenshot of the data, how often is the dynamic data from the server refreshed? Does Qwik help the developer write applications faster, or is it focused on download speed. For whom would you recommend Qwik, and for what? For developers of small sites or rather for big players, or maybe for both? What's the easiest way to get started with Qwik? Is the entry threshold high? What is Qwik city and why do we need it? https://qwik.builder.io https://partytown.builder.io

Wouldn't it be great if ActiveRecord didn't make you think about eager loading and it just did the "right" thing by default?  Lazy loading is extremely helpful when the list of associations to load is determined dynamically.  Today on the show, Charles and Luke interview Evgeniy Demin, Principal Engineer at Toptal.  They discuss how you can speed up your processes by lazy loading your N+1 queries, plus various tools to optimize your workflows. In this episode… N+1 queries and cases ActiveRecord methodology Developing new features quickly Various tools and ideas The fulfill method Alternative stacks Ruby Tik-Tok Sponsors Avo Top End Devs Coaching | Top End Devs Links LinkedIn: Evgeniy Demin GitHub - djezzzl/n1_loader: Loader to solve N+1 issues for good. Highly recommended for GraphQL API. GitHub - DmitryTsepelev/ar_lazy_preload: Lazy loading associations for the ActiveRecord models GitHub - salsify/goldiloader: Just the right amount of Rails eager loading N+1 problem will never be an issue with N1Loader gem Enhanced ActiveRecord preloading Picks Charles- PODFEST EXPO | Where Your Voice Matters Charles- Legendary: A Marvel Deck Building Game - Guardians of the Galaxy Charles- Vistaprint US Online Printing: Business Cards, Signage & More Charles- Products Charles - Winco Foods Evgeniy - Toptal Evgeniy - Telltale Games Luke- Watch The Lincoln Lawyer | Netflix Official Site

Wouldn't it be great if ActiveRecord didn't make you think about eager loading and it just did the "right" thing by default?  Lazy loading is extremely helpful when the list of associations to load is determined dynamically.  Today on the show, Charles and Luke interview Evgeniy Demin, Principal Engineer at Toptal.  They discuss how you can speed up your processes by lazy loading your N+1 queries, plus various tools to optimize your workflows. In this episode… N+1 queries and cases ActiveRecord methodology Developing new features quickly Various tools and ideas The fulfill method Alternative stacks Ruby Tik-Tok Sponsors Avo Top End Devs Coaching | Top End Devs Links LinkedIn: Evgeniy Demin GitHub - djezzzl/n1_loader: Loader to solve N+1 issues for good. Highly recommended for GraphQL API. GitHub - DmitryTsepelev/ar_lazy_preload: Lazy loading associations for the ActiveRecord models GitHub - salsify/goldiloader: Just the right amount of Rails eager loading N+1 problem will never be an issue with N1Loader gem Enhanced ActiveRecord preloading Picks Charles- PODFEST EXPO | Where Your Voice Matters Charles- Legendary: A Marvel Deck Building Game - Guardians of the Galaxy Charles- Vistaprint US Online Printing: Business Cards, Signage & More Charles- Products Charles - Winco Foods Evgeniy - Toptal Evgeniy - Telltale Games Luke- Watch The Lincoln Lawyer | Netflix Official Site

In this episode I talk about lazy loading. --- Send in a voice message: https://anchor.fm/duxpod/message Support this podcast: https://anchor.fm/duxpod/support

In this episode Mark, Nick and Paul explore loading bars.We delve into our pasts and discuss how loading bars have evolved.We talk about games and how they've defined our load bar experiences from the classic Spectrum loading, playing mini games, reticulating splines and how we all expect our experiences to be the super fast and accurate.The themes we discuss are:Loading barsEmpty statesSkeleton screensLoading expecationsTechnical constraintsSeemless loadingLazy loadingOur new UX tombola of random things spins into action, what will be this episodes subject?Saddle up, it's time for Faster Horses.Support the show (https://www.patreon.com/FasterHorses)

The web is made up of Pictures and Words. Some of those pictures are moving (video), but it's basically just those two things. We have easy ways to deal with putting photos and other kinds of images onto our WordPress websites with the features that are baked in, but there's so much more to this topic. What kind of images are the best to use? How many thumbnail sizes should we be storing? Should we be serving our images over a CDN? Is it a good idea to compress our images so that they make a more lean loading experience? Where can we source our images? What software is good for quick alterations to the images that we've got. Honestly, there are a dozen more questions, but you get the idea that there's a lot more to images than meets the eye. Go listen to the podcast to find out more...

Lazy Loading. 3 Gründe warum es nachhaltig ist, faul zu laden. Und Google liebt es. --- Send in a voice message: https://anchor.fm/digital-nachhaltig/message

In today’s episode, we talk all about image formats, DAM integrations and how to manipulate images using the Contentful Image API with my guest Allen White, an interdisciplinary designer and developer who works at Contentful as a solutions engineer. ******************************* Questions Asked ******************************* Tell us about your background. Tell us about the different kind of image formats we should be concerned with. Tell us about the JPEG compression. Tell us about lossy versus lossless compression. Tell us about the PNG image format. Tell us about the WebP image format. Tell us about the SVG image format. How do you create SVGs? What tools can you use? What are some challenges when working with SVGs? How do you work with SVGs in Contentful? How can you animate an SVG with Javascript? How can you use the Contentful Image API to convert an SVG into another format? How are RAW images different from all other formats for the web? How can you make images responsive and what does that mean? Tell us about Contentful's face detection feature in the Image API. Can we have 1 master image and have the Contentful API generate the required images depending on the viewport? Does the Contentful Image API cache images? How and where are images stored in Contentful? Give us an overview of the Contentful Images API. Can you use the CPAPI or CDAPI to retrieve images? Tell us about progressive JPEGs. Tell us about 8 bit PNGs. Tell us about GIFs. Can we use the Contentful Image API on images not stored in Contentful? How can we integrate Contentful with other DAMs? Tell us about external image APIs. What do you see as the future of Image APIs? What is Lazy Loading of images? ******************************* Reference Links ******************************* Sara Soueidan (https://www.sarasoueidan.com/) Figma (https://www.figma.com/) Sketch (https://www.sketch.com/) Can I Use (https://caniuse.com/) ImageOptim (https://imageoptim.com/mac) Allan’s Image API Blog Article (https://www.contentful.com/blog/2020/07/20/creator-guide-to-image-file-formats-and-why-they-are-important/) Allan’s Website (https://allanwhite.design/)

In this video, I would like to discuss 10 performance tweaks and tips that you can apply to your frontend application to improve its performance and efficiency. These tips are applicable to any programming language on Web, mobile, or desktop application. Chapters 0:00 Intro 0:40 Optimistic queries 1:57 Paging 3:00 Lazy Loading 4:00 Request what you Need 6:53 Connection State 10:00 LRU Cache 11:10 Group Notifications 12:30 Avoid Expensive Queries Even At Expense of Bad UX 14:00 Design your UX So you Minimize Requests --- Send in a voice message: https://anchor.fm/hnasr/message

Lazy Loading og Infinite scroll har været træls over en længere periode. Nu lægger Google det officielt i graven for et SEO-mæssigt perspektiv. FTC slår ned på falske reviews!Support the show (https://www.patreon.com/simonelkjaer)

Lazy Loading is a technique where a piece of data is being loaded when needed instead prior. This ensures Fast startup times but can delay requests. In this video I’ll show both Eager loading and the lazy loading with example Node JS --- Send in a voice message: https://anchor.fm/hnasr/message

Lazy-Loading for All Images in WordPress 5.4 The impact of this change means publishers who use WordPress will no longer have to rely on third-party plugins or JavaScript for lazy-loading of images. Google Search Console Adds New Version of Removals Report The new version allows site owners to temporarily hide a page from appearing in Google search results. Other features in the new version include outdated content and SafeSearch filtering requests. Surprises in Super Bowl 54 Commercials Although most critics weren’t overly impressed with this year’s Super Bowl commercials, Google managed to produce a real tear-jerker of a spot.

En este episodio os hablamos de nuevas funciones que integrará el core de WordPress, lo que viene para Elementor 2.9 y el nuevo plan gratuito que hemos descubierto para STACKER. Comenzamos hablando de una aplicación descubierta por Elías. Se trata de Mine, una web que permite revisar qué sitios de Internet disponen de tus datos y te facilita ejercer tus derechos RGPD.Origen

It's Episode 444 and I've got plugins for Stock Photography, Lazy Loading, Newsletters, and ClassicPress Options. It's all coming up on WordPress Plugins A-Z! StockPack, Lazy Load for GMaps, Boldermail and ClassicPress options in Episode 444 For more articles visit WordPress Specialist with a focus on... - WordPress Training, Classes and Emergency Support... for more articles like Dawn of The New World Order.

We're back with This Month in Vue: Holiday Edition. Continue listening for some special Vue.js treats and surprises from the month of December.

Lazy Loading routes has been the de facto way of reducing the bundle sizes in Angular when it comes to code splitting. Angular makes its so much easier to achieve that with its powerful Angular Router’s API and Schematics. Code splitting non route based modules is something which is possible in Angular but lacks simpler API. In this talk, we will first look at how to code split on Component level, and then look at how Angular Loadable makes it simpler and adds tons of features required for component level code splitting. It takes its inspiration from React Loadable’s features and Angular Router’s configurations, and simplifies even more with Schematics for adding ngx-loadable and generating lazy loaded modules. Zama Khan Mohammed is a Software Architect, author of the book, Angular Projects (https://angularprojects.com), mentor, technical writer and a father. He has a Master’s Degree in Computer Science and has loads of experience in Software Development using technologies such as Angular, React, D3.js, AWS (Step Functions, Lambda, CloudFormation, S3) etc. He has a keen interest in Software Development as well as Machine Learning, and he feels passionate about teaching and mentoring his interests to others. --- Video of episode: https://youtu.be/oeT6r7Qd6OI --- Support this podcast: https://anchor.fm/angularair/support

Zoom Desaster; PGP Signature Spam; IBM hat RedHat übernommen; CentOS Stream; The Tragedy of systemd; Upstart; ZFS (Dateisystem); PSD2 (Überarbeitete Zahlungsdiensterichtlinie); GitHub 2FA Recovery; The Light Phone; PinePhone; Mattermost; Mumble; NoMachine Remotedesktop; Visual Studio Code Live Share; Nextcloud Talk; Zammad Ticketsystem; Mogees; The story of dancemat.js; Chrome und Chromium/Microsoft Edge; Statische Dateien mit X-Sendfile (Apache) bzw. X-Accel (NGINX) ausliefern; Lazy Loading und HTML picture tag; Natives Lazy Loading; Ulrichs Firefox-Bug (auf Bugzilla); kein Verständnis für Twitter, Facebook, Instagram, Snapchat und Pixelfed; "Patriot Act with Hasan Minhaj" auf Netflix Gäste: Bernhard, Stefan, Ulrich

Adam and Ben discuss form building with Vue, anti-patterns to avoid, lazy loading and code splitting, using slots, Vue Vixens curriculum, Vue async function, and semantic HTML Special Guest: Ben Hong.

Sponsors Sentry use the code “devchat” for 2 months free on Sentry small plan Angular Bootcamp Triplebyte offers a $1000 signing bonus CacheFly Panel Aaron Frost Joe Eames Brian Love Joined by Special Guest: Juri Strumpflohner Episode Summary A fun conversation about how to lazy load Angular modules with Juri Strumpflohner, a software developer with more 10 years of experience in technologies like Java, .Net and Node.js. Juri is also a  Google Developer Expert in Web Tech and an Egghead.io Instructor. With lazy loading, it is possible to defer loading unused portions and load them on demand. The panel discusses what can be lazy loaded in an Angular application and how Aaron's for lazy loading in Angular helps with the process.  Links My Angular Story 045: Juri Strumpflohner Adventures in Angular 193: Angular Libraries with Juri Strumpflohner Juri's Twitter Juri's Website Juri’s GitHub Juri’s Egghead Courses for lazy loading in Angular for lazy loading in Angular https://thinkster.io/ Follow Adventures in Angular on tv, Facebook and Twitter. Picks Aaron Frost: John Wick: Chapter 3 - Parabellum (2019) – IMDb Long Shot (2019) - IMDb Brian Love: Ninebot KickScooter by Segway Ninebot KickScooter by Segway ES1 Joe Eames Joe Eames: Star Wars: A New Hope Symphony Orchestra Anki Vector | The Home Robot With Interactive AI Technology |  Juri Strumpflohner: ng-conf talks Lazy load Angular Components  

Sponsors Sentry use the code “devchat” for 2 months free on Sentry small plan Angular Bootcamp Triplebyte offers a $1000 signing bonus CacheFly Panel Aaron Frost Joe Eames Brian Love Joined by Special Guest: Juri Strumpflohner Episode Summary A fun conversation about how to lazy load Angular modules with Juri Strumpflohner, a software developer with more 10 years of experience in technologies like Java, .Net and Node.js. Juri is also a  Google Developer Expert in Web Tech and an Egghead.io Instructor. With lazy loading, it is possible to defer loading unused portions and load them on demand. The panel discusses what can be lazy loaded in an Angular application and how Aaron's for lazy loading in Angular helps with the process.  Links My Angular Story 045: Juri Strumpflohner Adventures in Angular 193: Angular Libraries with Juri Strumpflohner Juri's Twitter Juri's Website Juri’s GitHub Juri’s Egghead Courses for lazy loading in Angular for lazy loading in Angular https://thinkster.io/ Follow Adventures in Angular on tv, Facebook and Twitter. Picks Aaron Frost: John Wick: Chapter 3 - Parabellum (2019) – IMDb Long Shot (2019) - IMDb Brian Love: Ninebot KickScooter by Segway Ninebot KickScooter by Segway ES1 Joe Eames Joe Eames: Star Wars: A New Hope Symphony Orchestra Anki Vector | The Home Robot With Interactive AI Technology |  Juri Strumpflohner: ng-conf talks Lazy load Angular Components  

Sponsors Sentry use the code “devchat” for 2 months free on Sentry small plan Angular Bootcamp Triplebyte offers a $1000 signing bonus CacheFly Panel Aaron Frost Joe Eames Brian Love Joined by Special Guest: Juri Strumpflohner Episode Summary A fun conversation about how to lazy load Angular modules with Juri Strumpflohner, a software developer with more 10 years of experience in technologies like Java, .Net and Node.js. Juri is also a  Google Developer Expert in Web Tech and an Egghead.io Instructor. With lazy loading, it is possible to defer loading unused portions and load them on demand. The panel discusses what can be lazy loaded in an Angular application and how Aaron's for lazy loading in Angular helps with the process.  Links My Angular Story 045: Juri Strumpflohner Adventures in Angular 193: Angular Libraries with Juri Strumpflohner Juri's Twitter Juri's Website Juri’s GitHub Juri’s Egghead Courses for lazy loading in Angular for lazy loading in Angular https://thinkster.io/ Follow Adventures in Angular on tv, Facebook and Twitter. Picks Aaron Frost: John Wick: Chapter 3 - Parabellum (2019) – IMDb Long Shot (2019) - IMDb Brian Love: Ninebot KickScooter by Segway Ninebot KickScooter by Segway ES1 Joe Eames Joe Eames: Star Wars: A New Hope Symphony Orchestra Anki Vector | The Home Robot With Interactive AI Technology |  Juri Strumpflohner: ng-conf talks Lazy load Angular Components  

Sponsors Sentry– use the code “devchat” for $100 credit Netlify TripleByte Panel Justin Bennett Thomas Aylott Dave Ceddia Notes Today’s show has the panel discussing image lazy loading in React. Image lazy loading is the notion that images that are below the fold (rendered outside of your browser view when you initially load a page) are deferred and loaded later, so that your page loads faster. As you scroll down the page and things get close, then they are loaded in. This is a commonly suggested performance optimization, but often it doesn’t work well in React. The panelists talk about their experiences with lazy loading and different methods they’ve seen on other sites. They discuss the tradeoff between having a lot of images and slower loading and the importance of communicating with the design team. Since lazy loading is a unique challenge in React, they give recommendations for implementing lazy loading and tools for tracking site usage. They talk about dealing with JavaScript payloads, bundle and load splitting, and automating performance tracking. They discuss different performance tracking tools. The panelists address the NIH bias (Not Invented Here) and the trend that designers tend to be willing to pay money for good tooling, while engineers are cheap. There have been great improvements in the marketplace for good tools, so much so that oftentimes buying the tools is cheaper than making them yourself. They finish by discussing the pros and cons of building vs. buying and the future of the frontend. Links Lighthouse Gatsby Above the fold optimizations Below the fold optimizations Crump Survive JS on Webpack React lazy load image component Calibre SpeedCurve Bundle Analyzer Inspect Pack by Formidable Labs Cypress Github Actions Follow DevChat on Facebook and Twitter Picks Justin Bennett: Netlify Dev Products Easy Peasy Thomas Aylott: Displaced: Stories from the Syrian Diaspora React Rewind Dave Ceddia: Notion Understanding By Design

Sponsors Sentry– use the code “devchat” for $100 credit Netlify TripleByte Panel Justin Bennett Thomas Aylott Dave Ceddia Notes Today’s show has the panel discussing image lazy loading in React. Image lazy loading is the notion that images that are below the fold (rendered outside of your browser view when you initially load a page) are deferred and loaded later, so that your page loads faster. As you scroll down the page and things get close, then they are loaded in. This is a commonly suggested performance optimization, but often it doesn’t work well in React. The panelists talk about their experiences with lazy loading and different methods they’ve seen on other sites. They discuss the tradeoff between having a lot of images and slower loading and the importance of communicating with the design team. Since lazy loading is a unique challenge in React, they give recommendations for implementing lazy loading and tools for tracking site usage. They talk about dealing with JavaScript payloads, bundle and load splitting, and automating performance tracking. They discuss different performance tracking tools. The panelists address the NIH bias (Not Invented Here) and the trend that designers tend to be willing to pay money for good tooling, while engineers are cheap. There have been great improvements in the marketplace for good tools, so much so that oftentimes buying the tools is cheaper than making them yourself. They finish by discussing the pros and cons of building vs. buying and the future of the frontend. Links Lighthouse Gatsby Above the fold optimizations Below the fold optimizations Crump Survive JS on Webpack React lazy load image component Calibre SpeedCurve Bundle Analyzer Inspect Pack by Formidable Labs Cypress Github Actions Follow DevChat on Facebook and Twitter Picks Justin Bennett: Netlify Dev Products Easy Peasy Thomas Aylott: Displaced: Stories from the Syrian Diaspora React Rewind Dave Ceddia: Notion Understanding By Design

Добрый день уважаемые слушатели. Представляем новый выпуск подкаста RWpod. В этом выпуске: Ruby Introducing GitHub Package Registry, Opal 1.0 и RubyKaigi and the Path to Ruby 3 A Guide to Function Composition in Ruby, FactoryTrace - simple tool to maintain factories and traits from FactoryBot и RubyKaigi 2019 (videos) Web Microsoft launches React Native for Windows, A Denial of Service vulnerability discovered in the Axios JavaScript package - affecting all versions of the popular HTTP client, The new evergreen Googlebot и Hands-on with Portals: seamless navigations on the Web Hybrid Lazy Loading: A Progressive Migration To Native Lazy Loading, How to Choose the Best Static Site Generator for Your 2019 Project, Dinoql - a customizable GraphQL style query language for interacting with JavaScript objects, Hybrids - a UI library for creating Web Components, which favors plain objects and pure functions и Cssfx.dev - beautifully simple click-to-copy CSS effects

In this episode of Syntax, Scott and Wes talk about what’s new in web development: new promise static methods, new CSS functions, PWAs and more! Sentry - Sponsor If you want to know what’s happening with your errors, track them with Sentry. Sentry is open-source error tracking that helps developers monitor and fix crashes in real time. Cut your time on error resolution from five hours to five minutes. It works with any language and integrates with dozens of other services. Syntax listeners can get two months for free by visiting Sentry.io and using the coupon code “tastytreat”. Clubhouse - Sponsor Clubhouse is the first project management software that brings everyone together so that teams can focus on what matters: creating products that customers love. Clubhouse provides a perfect balance of simplicity and structure for better cross-functional collaboration. Check out https://clubhouse.io/syntaxpodcast and get your first two months free. Show Notes 5:38 - New Promise static methods Promise.all Promise.race() Promise.allSettled() Promise.any() 10:16 - Lazy loading images Addy Osmani’s Lazy-Loading blog post 14:25 CSS Houdini aka JS in CSS CSS Houdini Experiments 20:32 - Subgrid Syntax 109: Hasty Treat - CSS Grid Level 2 aka Subgrid Subgrid is coming to Firefox - Jen Simmons Bugzilla 24:31 - Native modules in browser type="module" dynamic import() 27:08 - Node Native Modules update package.json will now have a type entry where NodeJS - Plan For New Modules Implementation New ESM Implementation 29:17 - PWA install app and Google PlayStore Already shipped in Chrome Java API that communicates through services with Chrome Trusted Web Activity aka TWA All content in TWAs must comply with Play store policy including policies for payments in-app purchases and other digital goods Already existing TWAs include Twitter Lite, Google Maps Go, Instagram Lite Passing the PWA Criteria Performance Score with a minimum of 80/100, tested with Lighthouse All current Google Play Store rules 35:49 - CSS Scroll Snap In many browsers already scroll-padding 38:17 - Aspect Ratio Unit Designing An Aspect Ratio Unit For CSS 39:32 - CSS nesting Disallows cross-domain cookies unless on the same domain/subdomain Links Gatsby Promise.allSettled() Promise.any() Apollo CodePen UC Browser Parcel Node.js Myles Borins’ Twitter Twitter Lite Google Maps Go Instagram Lite Lighthouse Opera Can I Use - modules Apple’s ITP ××× SIIIIICK ××× PIIIICKS ××× Scott: Finding Drago Wes: The Punk Rock MBA Shameless Plugs Scott’s Gridsome Course Wes’ Courses 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

In dieser Ausgabe geht es um den Google-Discover-Feed und darum, wie Ihr Eure Inhalte dort platzieren könnt. Google zeigt Traffic-Daten aus Discover jetzt in der Search Console an. Zur Kritik an gesunkenem Suche-Traffic entgegnet Google, man solle sich nicht nur auf Pageviews konzentrieren. Außerdem: Googles Deindexierungsproblem, natives Lazy Loading in Google Chrome und Infos zum Umgang mit Pfaden in URLs.

In today’s episode, we look at how to speed up our site by adding a lazy loading images plugin.

Добрый день уважаемые слушатели. Представляем новый выпуск подкаста RWpod. В этом выпуске: Ruby faastRuby announces intent to open source its platform to help accelerate serverless adoption, Backdoor code found in popular Bootstrap-Sass Ruby library, Hello, CanCanCan 3.0 и ActionPolicy 0.3.0 Extracting text from image using Google Cloud vision OCR with Ruby, Monitoring Puma web server with Prometheus and Grafana и Legacy Rails: Silently Judging You Web Native image lazy-loading for the web!, Microsoft releases new Microsoft Edge based on Chromium, Visual Studio 2019: Code faster. Work smarter. Create the future и Collaboration doesn't come in “One Size Fits All” Why I Replaced Disqus and You Should Too, How to create better themes with CSS variables и CSSBattle - replicate targets with smallest possible code

Hi and welcome back to Weekly Dev Tips. I’m your host Steve Smith, aka Ardalis. This is episode 34, in which we'll talk about lazy loading in ASP.NET and ASP.NET Core apps, and why it's evil. If you’re enjoying these tips, please leave a comment or rating in your podcast app, tell a friend about the podcast, or follow us on twitter and retweet our episode announcements so we can increase our audience. I really appreciate it. Avoid Lazy Loading in ASP.NET (Core) Apps This week's tip is on the topic of lazy loading using Entity Framework or EF Core in ASP.NET and ASP.NET Core apps. Spoiler alert: don't do it. Keep listening to hear why. Sponsor - devBetter Group Career Coaching for Developers Last week I announced my new developer career coaching program, devBetter. If you're not advancing as quickly in your career as you'd like, and you could use someone in your corner pushing you to succeed and opening up doors to new opportunities, consider joining a handful of like-minded developers at devbetter.com. Show Notes / Transcript Lazy loading is a feature that EF6 has had for a long time and EF Core only recently added with version 2.1. The way it works is, entities are fetched without their related entities, and these related entities are loaded "just in time" as code references them. This seems to follow the best practice of deferred execution, but unfortunately the downsides far outweigh the benefits the vast majority of the time in this case. I recommend disabling lazy loading in all ASP.NET and ASP.NET Core apps. Let's look at why. On any given web request, the goal should be to return a response to the client as quickly as possible. The fewer out-of-process calls the request needs to make before it can return a response, the faster it will be, all things being equal. If a round-trip to the database takes 20ms and processing the request requires 10 database calls, then assuming they can't be made in parallel the minimum time for this is 200ms. If the same data could be fetched in a single round-trip to the database, it would cut page load time by 180ms, not counting the time to execute the queries themselves which might also be faster if done in one batch. When you use lazy loading, your code will make more calls to the database than if you had used eager loading. It's also deceptively easy to write code that will result in lazy loading being done within some kind of loop, resulting in dozens or hundreds of database calls. This can be difficult to detect in development and even in testing, but in production where usually there are more users and larger sets of data in use, the problem can have huge performance implications. I have a GitHub repo that demonstrates lazy loading using ASP.NET MVC 5 and EF 6 and also ASP.NET Core with EF Core. I encourage you to download it and run it yourself. It demonstrates the problem using a conference web site as its sample data. There are conference sessions. Each session has one or more speakers presenting it. Each session can have one or more tags. For sample data I have 2 sessions with 2 speakers and 3 tags total. Displaying the page shows each session and its speakers, tags, and description, all done with some simple razor code in the view. The initial query just pulls in the sessions - the speakers and tags are lazy loaded. How many queries do you think this page makes to the database? Let's think about how many it should make. Assuming the site's just loaded and has no cache in place, it should be able to load the data for this page using a single query. At worst a couple of queries. This kind of data is also highly cacheable, so after the first load the page should render with 0 queries. For this reason I like to say "caching hides many sins" because even if you do use lazy loading and have way too many queries, if you add caching it'll be the rare user who has to suffer for it. Coming back to the sample, with 2 sessions, 2 speakers, and 3 tags, the page makes 22 database queries to render the page using lazy loading. It should be clear that this number is going to grow rapidly as the number of sessions, speakers, and tags increases. Most conferences have more than 2 sessions, after all, but during development maybe only a couple are used and only one user is hitting the page, so the performance impact might not be felt until the worst possible time: the day of the conference. At which point it may be too late to fix and redeploy the code. Lazy loading is a tool that makes sense in certain situations. It's especially effective when the application and the database are colocated and there's just one user. If you're writing bookkeeping software that runs locally and communicates with a local database, it might make sense to use lazy loading as the user navigates around the system rather than trying to eager load all of the data. But in the context of processing a single web request, when every extra trip to the database slows the page down further, and where it can be easy to inadvertently add dozens or more requests, you should avoid it. Show Resources and Links devBetter Avoid Lazy Loading Entities in ASP.NET Apps Lazy Loading GitHub Sample How to Disable Lazy Loading in EF That’s it for this week. Thank you for subscribing to Weekly Dev Tips, and we’ll see you next week with another great developer tip.

Tyler and Shelby talk about Google's announcement to eliminate ads on websites with "abusive experiences". They also discuss Google's new release of documents to help Lazy Loading and a study that claims that younger Americans are more willing to pay for content.

Chrome hat ein paar neue Features, die in keinem anderen Browser funktionieren und für die es noch nicht mal anständige Spezifikationen gibt. Natürlich ist das für Schepp, Hans und Peter Anlass zu einer ganzen neuen Revision! Schaunotizen [00:00:30] Lazy Loading Wir besprechen sowohl Lazy Loading an sich als auch die Implementierung des lazyload-Attributs für Bilder […]

A 14. részben előkerültek a méltán népszerű GitKraken új verziójának újdonságai, beszéltünk arról, hogy egy srác kihívta a Google-t és a Facebook-ot JavaScript terén – és egyelőre sikeres. A Chrome új lazy loading technikájáról is ejtettünk pár szót, majd végül azt boncolgattuk, hogy mitől legacy egy kód, és hány év (vagy perc) kell ahhoz, hogy egy […]

Dieses Mal mit den folgenden Themen: Mehr als 90 Prozent aller Seiten erhalten keine Klicks aus Google, worauf Ihr beim Lazy Loading von Bildern achten müsst, das Umetikettieren von Inhalten zerstört das Vertrauen der Nutzer, die Position hochwertiger Inhalte auf einer Seite spielt keine Rolle für Google, wegen eines einzelnen Links gibt es keine Penalty, Google führt neue Featured Snippets mit zusätzlichen Informationen ein .

Show Notes:* A great blog post on using Lazy Loading: https://medium.com/@abhimuralidharan/lazy-var-in-ios-swift-96c75cb8a13a* Another great blog post: http://mikebuss.com/2014/06/22/lazy-initialization-swift/* Apple documentation: https://developer.apple.com/library/content/documentation/Swift/Conceptual/Swift_Programming_Language/Properties.html* Correction: Hollywood is about 14 miles from Santa Monica.Blind Love Dub by Jeris (c) copyright 2017 Licensed under a Creative Commons Attribution (3.0) license. http://dig.ccmixter.org/files/VJ_Memes/55416 Ft: Kara Square (mindmapthat)

2:00 - Introducing Angular 2.0! 7:30 - Release plan for updates 11:25 - Angular 3.0? 13:50 - What to expect from 2.0 16:15 - Angular within the Javascript world 18:00 - Updates to Angular’s Ecosystem 18:45 - Patch releases and docks 19:55 - Why did Angular 2.0 take so long to come out? 24:40 - Top three things to know about Angular 2.0 26:15 - CLI, AOT, and Lazy Loading 30:22 - Angular 1.0 to 2.0 36:05 - Promoting Angular 2.0 38:25 - Plans for NG Upgrade 39:40 - Impact of Angular Picks: Stranger Things (Kara) Three Body Problem by Cixin Liu, translated by Ken Liu (Brad) Hamilton (Ward) Starship’s Mage by Glynn Stewart (Joe) Gulp (John) Rogue One (John) Angular Connect (Lucas) Maggie Appleton (Lucas) Get to Work Book (Lucas) Angular 2.0 Workshop with John Papa and Dan Wahlin (Lucas) Angular Remote Conference (Charles) Webinars (Charles)

2:00 - Introducing Angular 2.0! 7:30 - Release plan for updates 11:25 - Angular 3.0? 13:50 - What to expect from 2.0 16:15 - Angular within the Javascript world 18:00 - Updates to Angular’s Ecosystem 18:45 - Patch releases and docks 19:55 - Why did Angular 2.0 take so long to come out? 24:40 - Top three things to know about Angular 2.0 26:15 - CLI, AOT, and Lazy Loading 30:22 - Angular 1.0 to 2.0 36:05 - Promoting Angular 2.0 38:25 - Plans for NG Upgrade 39:40 - Impact of Angular Picks: Stranger Things (Kara) Three Body Problem by Cixin Liu, translated by Ken Liu (Brad) Hamilton (Ward) Starship’s Mage by Glynn Stewart (Joe) Gulp (John) Rogue One (John) Angular Connect (Lucas) Maggie Appleton (Lucas) Get to Work Book (Lucas) Angular 2.0 Workshop with John Papa and Dan Wahlin (Lucas) Angular Remote Conference (Charles) Webinars (Charles)

2:00 - Introducing Angular 2.0! 7:30 - Release plan for updates 11:25 - Angular 3.0? 13:50 - What to expect from 2.0 16:15 - Angular within the Javascript world 18:00 - Updates to Angular’s Ecosystem 18:45 - Patch releases and docks 19:55 - Why did Angular 2.0 take so long to come out? 24:40 - Top three things to know about Angular 2.0 26:15 - CLI, AOT, and Lazy Loading 30:22 - Angular 1.0 to 2.0 36:05 - Promoting Angular 2.0 38:25 - Plans for NG Upgrade 39:40 - Impact of Angular Picks: Stranger Things (Kara) Three Body Problem by Cixin Liu, translated by Ken Liu (Brad) Hamilton (Ward) Starship’s Mage by Glynn Stewart (Joe) Gulp (John) Rogue One (John) Angular Connect (Lucas) Maggie Appleton (Lucas) Get to Work Book (Lucas) Angular 2.0 Workshop with John Papa and Dan Wahlin (Lucas) Angular Remote Conference (Charles) Webinars (Charles)

Check out Freelance Remote Conf! And while you’re there take a look at all of this year’s conferences!   02:42 - Angular 2 Beta and Projected Release Talk ng-conf ?? 06:52 - Payload Size 07:56 - Preparing For Angular 2 13:31 - Application Capability 17:06 - Language Dart TypeScript 17:33 - Releasing Angular 1 vs 2 Syntax New A2 Syntax Tooling 27:10 - angular-cli 28:31 - The Designer Story Inline Templates UI Components 34:57 - Promises and Observables 40:55 - The Router Lazy Loading 48:43 - Angular 2 Myths: Busted 53:22 - React, React Native Telerik NativeScript React Native Radio 55:37 - Angular Guidance; OO-Style or Functional App Architecture? Victor Savkin’s Blog Made with Angular 01:01:19 - Angular 1 => 2 Migration ng-upgrade ng-forward 01:04:17 - The Angular Community and Upcoming Conferences and Announcements Jules Kremer That Conference Picks a2-in-memory-web-api (John) John Papa’s Upcoming Angular 2 Pluralsight Course (John) Julia Gillard (Ward) Bryce Canyon National Park (Joe) Stockpile (Joe) ngrx (Lukas) The Revenant (Brian) ServiceWorker: Revolution of the Web Platform (Brian) The Architecture of Open Source Applications (Igor) iPad Pro (Igor) Apple Pencil (Igor) Paper & Pencil by FiftyThree (Igor) Mandy Moore (Chuck) Federico Iachetti (Chuck)

Check out Freelance Remote Conf! And while you’re there take a look at all of this year’s conferences!   02:42 - Angular 2 Beta and Projected Release Talk ng-conf ?? 06:52 - Payload Size 07:56 - Preparing For Angular 2 13:31 - Application Capability 17:06 - Language Dart TypeScript 17:33 - Releasing Angular 1 vs 2 Syntax New A2 Syntax Tooling 27:10 - angular-cli 28:31 - The Designer Story Inline Templates UI Components 34:57 - Promises and Observables 40:55 - The Router Lazy Loading 48:43 - Angular 2 Myths: Busted 53:22 - React, React Native Telerik NativeScript React Native Radio 55:37 - Angular Guidance; OO-Style or Functional App Architecture? Victor Savkin’s Blog Made with Angular 01:01:19 - Angular 1 => 2 Migration ng-upgrade ng-forward 01:04:17 - The Angular Community and Upcoming Conferences and Announcements Jules Kremer That Conference Picks a2-in-memory-web-api (John) John Papa’s Upcoming Angular 2 Pluralsight Course (John) Julia Gillard (Ward) Bryce Canyon National Park (Joe) Stockpile (Joe) ngrx (Lukas) The Revenant (Brian) ServiceWorker: Revolution of the Web Platform (Brian) The Architecture of Open Source Applications (Igor) iPad Pro (Igor) Apple Pencil (Igor) Paper & Pencil by FiftyThree (Igor) Mandy Moore (Chuck) Federico Iachetti (Chuck)

Check out Freelance Remote Conf! And while you’re there take a look at all of this year’s conferences!   02:42 - Angular 2 Beta and Projected Release Talk ng-conf ?? 06:52 - Payload Size 07:56 - Preparing For Angular 2 13:31 - Application Capability 17:06 - Language Dart TypeScript 17:33 - Releasing Angular 1 vs 2 Syntax New A2 Syntax Tooling 27:10 - angular-cli 28:31 - The Designer Story Inline Templates UI Components 34:57 - Promises and Observables 40:55 - The Router Lazy Loading 48:43 - Angular 2 Myths: Busted 53:22 - React, React Native Telerik NativeScript React Native Radio 55:37 - Angular Guidance; OO-Style or Functional App Architecture? Victor Savkin’s Blog Made with Angular 01:01:19 - Angular 1 => 2 Migration ng-upgrade ng-forward 01:04:17 - The Angular Community and Upcoming Conferences and Announcements Jules Kremer That Conference Picks a2-in-memory-web-api (John) John Papa’s Upcoming Angular 2 Pluralsight Course (John) Julia Gillard (Ward) Bryce Canyon National Park (Joe) Stockpile (Joe) ngrx (Lukas) The Revenant (Brian) ServiceWorker: Revolution of the Web Platform (Brian) The Architecture of Open Source Applications (Igor) iPad Pro (Igor) Apple Pencil (Igor) Paper & Pencil by FiftyThree (Igor) Mandy Moore (Chuck) Federico Iachetti (Chuck)

Hablamos nuevamente sobre el desempeño web, en particular sobre qué es la percepción de velocidad y herramientas que podemos usar para identificar áreas oportunidad en nuestro sitios. Recursos del episodio: Google PageSpeed Insights WebPageTest GTmetrix Using WebPageTest | Web Performance Testing for Novices and Power Users Ejemplo de Lazy Loading de Imágenes en Medium.com Google: Make JS Asynchronous

Check out and sign up for Ruby Remote Conf! 02:09 - Jafar Husain Introduction Twitter GitHub Netflix TC39 02:42 - Falcor @falcorjs Netflix JavaScript Talks - Falcor 06:56 - MVC (Model View Controller) Separation of Concerns 17:41 - Performance REST Lazy Loading 34:23 - Angular 2 Asynchronous Binding Data Access Patterns Picks Land of Lisp: Learn to Program in Lisp, One Game at a Time! by Conrad Barski, M.D. (Lukas) Stevie Wonder: 1-2-3 Sesame Street (Lukas) Visual Studio Code (Ward) Traction: Get a Grip on Your Business by Gino Wickman (Chuck) Wool by Hugh Howey (Chuck) MediaWiki (Chuck) PureScript (Jafar)

Check out and sign up for Ruby Remote Conf! 02:09 - Jafar Husain Introduction Twitter GitHub Netflix TC39 02:42 - Falcor @falcorjs Netflix JavaScript Talks - Falcor 06:56 - MVC (Model View Controller) Separation of Concerns 17:41 - Performance REST Lazy Loading 34:23 - Angular 2 Asynchronous Binding Data Access Patterns Picks Land of Lisp: Learn to Program in Lisp, One Game at a Time! by Conrad Barski, M.D. (Lukas) Stevie Wonder: 1-2-3 Sesame Street (Lukas) Visual Studio Code (Ward) Traction: Get a Grip on Your Business by Gino Wickman (Chuck) Wool by Hugh Howey (Chuck) MediaWiki (Chuck) PureScript (Jafar)

Check out and sign up for Ruby Remote Conf! 02:09 - Jafar Husain Introduction Twitter GitHub Netflix TC39 02:42 - Falcor @falcorjs Netflix JavaScript Talks - Falcor 06:56 - MVC (Model View Controller) Separation of Concerns 17:41 - Performance REST Lazy Loading 34:23 - Angular 2 Asynchronous Binding Data Access Patterns Picks Land of Lisp: Learn to Program in Lisp, One Game at a Time! by Conrad Barski, M.D. (Lukas) Stevie Wonder: 1-2-3 Sesame Street (Lukas) Visual Studio Code (Ward) Traction: Get a Grip on Your Business by Gino Wickman (Chuck) Wool by Hugh Howey (Chuck) MediaWiki (Chuck) PureScript (Jafar)

 02:07 - Victor Savkin Introduction Twitter GitHub Blog 02:30 - Dependency Injection (DI) “Inject By Type” Other Project Use di.js 06:54 - How Angular Uses Dependency Injection Angular 1 vs Angular 2 Annotations Decorating Classes to Become Injectables Example Injectable Class Mechanisms in Angular 1 13:06 - Lazy Loading         16:14 - Testing 18:02 - Change Detection Victor Savkin: Change Detection in Angular 2 [YouTube] Change Detection Reinvented by Victor Savkin @ ng-conf 2015 24:33 - Components & Immutability immutable-js 28:08 - Scope zone.js [YouTube] Zones by Brian Ford @ ng-conf 2014 angular/zone.js 30:28 - Binding Action Phase/Control Phase Production Mode/Dev Mode Victor Savkin: Two Phases of Angular 2 Applications  Picks My Story by Elizabeth Smart (Aaron) Shawarma (Joe) Home (Katya) Mulan (Katya) How to Win Friends & Influence People by Dale Carnegie (Chuck) WorkFlowy (Chuck) Habit Stacking: 97 Small Life Changes That Take Five Minutes or Less by S.J. Scott (Chuck) Mini Habits: Smaller Habits, Bigger Results by Stephen Guise (Chuck) Android: Netrunner Card Game (Victor) Mechanical Keyboards (Victor)

 02:07 - Victor Savkin Introduction Twitter GitHub Blog 02:30 - Dependency Injection (DI) “Inject By Type” Other Project Use di.js 06:54 - How Angular Uses Dependency Injection Angular 1 vs Angular 2 Annotations Decorating Classes to Become Injectables Example Injectable Class Mechanisms in Angular 1 13:06 - Lazy Loading         16:14 - Testing 18:02 - Change Detection Victor Savkin: Change Detection in Angular 2 [YouTube] Change Detection Reinvented by Victor Savkin @ ng-conf 2015 24:33 - Components & Immutability immutable-js 28:08 - Scope zone.js [YouTube] Zones by Brian Ford @ ng-conf 2014 angular/zone.js 30:28 - Binding Action Phase/Control Phase Production Mode/Dev Mode Victor Savkin: Two Phases of Angular 2 Applications  Picks My Story by Elizabeth Smart (Aaron) Shawarma (Joe) Home (Katya) Mulan (Katya) How to Win Friends & Influence People by Dale Carnegie (Chuck) WorkFlowy (Chuck) Habit Stacking: 97 Small Life Changes That Take Five Minutes or Less by S.J. Scott (Chuck) Mini Habits: Smaller Habits, Bigger Results by Stephen Guise (Chuck) Android: Netrunner Card Game (Victor) Mechanical Keyboards (Victor)

 02:07 - Victor Savkin Introduction Twitter GitHub Blog 02:30 - Dependency Injection (DI) “Inject By Type” Other Project Use di.js 06:54 - How Angular Uses Dependency Injection Angular 1 vs Angular 2 Annotations Decorating Classes to Become Injectables Example Injectable Class Mechanisms in Angular 1 13:06 - Lazy Loading         16:14 - Testing 18:02 - Change Detection Victor Savkin: Change Detection in Angular 2 [YouTube] Change Detection Reinvented by Victor Savkin @ ng-conf 2015 24:33 - Components & Immutability immutable-js 28:08 - Scope zone.js [YouTube] Zones by Brian Ford @ ng-conf 2014 angular/zone.js 30:28 - Binding Action Phase/Control Phase Production Mode/Dev Mode Victor Savkin: Two Phases of Angular 2 Applications  Picks My Story by Elizabeth Smart (Aaron) Shawarma (Joe) Home (Katya) Mulan (Katya) How to Win Friends & Influence People by Dale Carnegie (Chuck) WorkFlowy (Chuck) Habit Stacking: 97 Small Life Changes That Take Five Minutes or Less by S.J. Scott (Chuck) Mini Habits: Smaller Habits, Bigger Results by Stephen Guise (Chuck) Android: Netrunner Card Game (Victor) Mechanical Keyboards (Victor)

Mark's embarking on Project X so we have a chat about what he's planning, where things could be tweaked, and get into some discussion on 'hamburger' menus, avoiding jQuery use if possible and Lazy Loading elements on infinite scrolling sites. Mark’s read of the week is a lifehacker article called Productivity 101: A Primer to The Pomodoro Technique. My read is Migrating Your Team to Sass by Charlie Owen. For the playlist I submit ‘Home of the Whale‘ by Massive Attack, a B-side from 1992. Mark suggests ‘Rise‘ by Nightmares on Wax from the 1995 album ‘Smokers Delight’. The music used for our intro, stings and outro is ‘Vitreous Detachment’ by Origamibiro, used with kind permission. - Ben Subscribe and keep in touch iTunes - http://relativepaths.uk/it Stitcher - http://relativepaths.uk/st SoundCloud - http://relativepaths.uk/sc Twitter - http://twitter.com/relativepaths Facebook - http://facebook.com/relativepaths If you like the show, please leave a review or comment wherever you like to listen to us. We'd particularly love an iTunes review :)