I'm very pleased to welcome you to this IIA ESB webinar. It is the second in the series, the 1920 ESB IIA lecture series entitled Rethink Energy. I'd like to thank the ESB for their sponsorship of this event. We're delighted to be joined today by Professor Ottmar Adenhofer, director and chief economist of the Potsdam Institute for Climate Impact Research, who's been generous enough to take time out of his schedule to talk to us today. He will speak to us for about 25, 30 minutes and then we'll go to a question and answer session with you, our audience. We'll be able to join this discussion using the Q&A function on Zoom. You can see that towards the bottom of your screens. Please feel free to send questions throughout the session as they occur to you, and we will come to them once Professor Adenhofer has finished his presentation. And I should remind you that today's presentation and the question and answer session are both on the record. We're also on Twitter. The handle there is at IIA and feel free to join the discussion. And by way of introduction, Professor Ottmar Adenhofer is director and chief economist of the Potsdam Institute for Climate Impact Research. He's also professor of the economics of climate change at the Tech University of Berlin and founding director of the Mercator Research Institute on Global Commons and Climate Change. He's also a member of the Irish Climate Change Advisory Council, so he knows us well. He's a leading expert on the economics of climate change. He recognizes regularly sought by the German government and the World Bank from 2008 to 2015. He served as co-chair of working group three of the Intergovernmental Panel on Climate Change and contributed importantly to the shaping of the fifth assessment report on climate change mitigation, which after all provided scientific basis for the Paris Agreement. In 2019, Professor Adenhofer was awarded the Umfeldt Reich, the most prestigious environmental prize in Germany. Before handing over to Professor Adenhofer, I'd like to invite Geraldine Heavey, who's executive director of enterprise services at the ESP to offer some brief remarks. Geraldine. Thank you and good morning everyone and indeed good afternoon for some of today's attendees. It's my great pleasure to welcome you on behalf of ESB to the second rethink lecture hosted by IIEA in association with ESB. We've both been collaborating for over decades now on various different lecture series, with the aim of bringing leading international policy, industrial, academic and political figures to Dublin to advance debate on critical energy policy issues. One of the unexpected benefits of COVID-19 has been the widespread move to digital channels, including these lectures, and our ability not only to invite international experts to address these lectures from the comfort of their own base, but to bring the discussion to a much wider audience both in Ireland and around the world. Of course we do miss the pre-lecture discussions over lunch, so hopefully in the not too distant future we will be able to combine the best of both. The subject of today's lecture is of particular relevance to the work we are doing in ESB, and our commitment to taking action and leadership in the transition to affordable, reliable and low carbon future. When ESB was established over 90 years ago, it was a vision to unlock Ireland's social and economic potential, and free people from the poverty and hardship that many faced at that time. ESB succeeded in that ambition and opened up new possibilities, helping Ireland to transform into a modern progressive society. With the challenges we face today as a society, and indeed globally, while they have changed dramatically, ESB's commitment to creating a brighter future for the customers and communities we serve remain as strong as ever. And with the technologies we have today, and those that will come and stream over the years ahead, we believe that electricity will be a transformative force in tackling climate change, just as it was during the last entry in helping Irish people to escape from poverty and hardship. The combination of clean electricity and widespread electrification of heating and transport has the potential to reduce carbon emissions from energy by over 60%. However, in making that transition to a low carbon energy system, it is critical that clean energy and emerging electric technologies do not become the preserve of the rich. If only the most well-off can afford to invest in technologies like microgeneration, electric cars or heat pumps, fast ways of the population will be left behind, and the potential of clean electricity to transform society will be undermined. COVID-19 and the associated challenges it brings has acted as a stark reminder to us of the vital role that electricity plays in people's lives, whether that's in hospitals, schools, farms, factories and people's homes, and the need to keep investing and innovating both as a way of kickstarting the economy and delivering secure affordable low carbon energy for the future. Across ESB, we have been trialling and implementing new technologies to reduce our own carbon emissions and enabling others to reduce theirs. Over the past year, we have significantly expanded our renewable portfolio through new investments in onshore and offshore wind, solar and biomass. Our networks, businesses, ESB networks and NIE networks to continue to invest in smarter, more resilient networks to enable more renewable generation to come on stream and to support the rapid growth predicted in EVs, heat pumps and microgeneration. Meanwhile, our retail business Electric Ireland continues to develop new products and services, including special tariffs for electric homes, microgeneration technologies and EV charging systems that will incentivize and help our customers to reduce their own carbon footprint. As we make a conscious transition to a low carbon energy system, society will increasingly rely on electricity generation as a source of clean, reliable and secure energy. The new risk landscape of which COVID-19 is the latest manifestation has highlighted the need for more resilient energy systems and for finances aimed at boosting economic sustainability and resilience. Our ESB strategy recognizes the tradeoffs and dilemmas that exist in serving the needs of multiple stakeholders and seeks to find solutions that will balance affordability, reliability and carbon reduction, particularly as we face into a period of economic uncertainty. Clearly, public finances, government policies and technological advances will all influence the choices we make. And I'm very much looking forward to hearing what Professor Edenhofer has to say to all of us today on the distribution of effects of climate change and energy inequality in the post-COVID world. So thank you and over to you, Professor Edenhofer. So thank you very much. Can you see my screen? No, unfortunately not. I tried again. Can you see it now? Yes. Wonderful. First of all, thank you very much. It is an enormous pleasure to be here and to discuss with you. The most recent developments in climate and energy policy. And here I would argue that we are in a quite historic, unique moment. Tomorrow with the La Fonda Line will announce the Green Deal. Last Friday, the Economic Minister in Germany has also announced a quite ambitious plan. And I thought it might be worthwhile to take a step back and to think a little bit more from a more general point of view, what should be and what will be the future direction of climate policy. I don't want to bore you with national issues, German issues, but Minister Altmaier on last Friday has announced that the German climate policy and energy policy should be transformed, seeing a paradigm shift. And this paradigm shift that he describes as the carbon prices. The market-based mechanism should play a much more prominent role in the transformation of our societies and of our economies and therefore I asked the question, is he the new Ludwig Erhard? Ludwig Erhard was, after the Second World War, a very famous German economic minister who promised that the economic policy will lead to prosperity for all. So this was at a national scale. Tomorrow, in the State of the Union speech with La Fonda Line will announce a Green Deal. And the document of the Green Deal has been leaked today and it has many important and very interesting aspects. But the most important thing is that the Commission will review, as they said, and propose to revise when necessary all relevant climate-related policy instruments. And this will comprise the emissions trading scheme and also the possible extension of the European emissions trading to new sectors. So here I would argue indeed that we will see at the European scale a paradigm shift. And this paradigm shift at the European level will also have a strong impact on our member states. But it's not the only level, the national level, the EU level, it's the third level, the international level, the international climate policy. The Conference of Part 26 has been postponed. And climate policy, after all, and in the end, is a global problem. We only can succeed globally, humankind together, otherwise we will fail to limit the increase of global mean temperature. So these are the three levels. Now, when I think about this policy changes, this paradigm shifts, it seems to me it is worthwhile to go back a little bit in history. And it is exactly 100 years ago that the very famous economist, and this is a household name for economists, and for non-economists. Here I would like to highlight that Arthur Cecil Pigou has published in this 100 years ago in his publication, The Economics of Welfare, the first time what we call today carbon pricing. We could say environmental taxes. And recent developments at the national, EU and international point now, and this is my argument in this lecture, to a historic opportunity for carbon pricing to become not just a minor component, but a leading principle for future climate policy. In the past 400 years, the following consensus has emerged. Whilst Pigouvian taxation is highly desirable from a theoretical point of view, it is politically, its political feasibility is essentially to zero. Even economists who argue that the carbon price might be the most efficient tool, have serious and raised serious doubts about the political feasibility. And what I will do is, in this lecture, I argue that this consensus is somewhat spurious, in that implementation Pigouvian prices or Pigouvian taxes is not as Ausländisch an endeavor as this consensus suggests. In particular, in the current situation, a day before the announcement of the Green Deal, it is worthwhile to think carefully about the full potential and the full power of carbon pricing, and with reference to Pigou to carbon taxation. Now let me highlight a little bit in what way I will use this term. I will use the term Pigouvian taxation in the following sense. With taxation, I refer to direct pricing so when a government imposes a direct price in contrast to indirect pricing via emissions trading. But when in an emissions trading scheme a price caller is introduced, I subsume it under the direct pricing. In what follows, I will defend two claims. I will argue that there are sound theoretical and practical reasons in particular for calling the political feasibility of Pigouvian taxation into question. At the same time, I will argue that there is a Pigouvian opportunity at three different levels at the national EU and an international level, and it is essential. This is my argument. It is essential that we will take this opportunity very seriously. Otherwise, I will argue the transformation process, which is needed, and which has been proposed will not materialize. Let me highlight why many people, also scientists and economists, believe that there are difficulties to implement Pigouvian prices. And when we see basically in a few minutes the more detailed plan of the EU Commission, you will see some skepticism remains. So there is first the uncertainty about the pricing trajectory, about the social costs of carbon. How should we price a ton of emissions? The second aspect is the distributional concern. Regressive distributional impacts on the poor households. So a carbon price, of course, impacts the poor households more than the rich households because the poor households spent more, the share of their expenditure on heat and then the electricity is much higher compared to the rich households. So then the fragmented responsibilities leads ministries to an excessive focus on sector-specific policies and technology policies. The commitment problem. So can we really trust when tomorrow the EU Commission announced a price to treasury that this trajectory is a quantity target, this will really something which investors can rely on. The lack of acceptance and carbon pricing and carbon markets are perceived by many as sometimes repugnant and in particular by some environmental groups and what does carbon pricing mean when only incomplete international cooperation is in place. So I will basically phrase this as a drama in 3x, the national policy, I will tell you a little bit the German case, even if you're not interested in German policies. So here, this case might offer some lessons and I will move on to the EU policy and then to the international climate policy and here we will focus on three aspects on coal capital and cooperation. Let me start with the national policy. In Germany over the last, I would even argue over the last 20 years we rely on our climate policy very much on law and order very much on regulatory measures. But recently we start to rethink our paradigm of climate policy and have introduced market-based measures and in particular carbon pricing systems. And last year we did this outside the emissions, the European emissions trading scheme in particular for transport, for heating and for buildings. And the next year in this slide is the plan which has been agreed on. From next year on we will see a carbon price outside the EVTS sector for building, for building and for heating and for transport, roughly about 25 euros per tonne CO2. Then we will have a national emissions trading scheme with a fixed price and in 2025. So then the fixed price period will end and we will unleash the national carbon prices. And here you can see this is probably in the blue line the growth rate of the carbon price which is needed that Germany can fulfill its European obligation. So we will see after 2025, after 2026, in this sector a significant increase. And it is quite remarkable that Minister Altmaier highlighted that this price increases will be adjusted according to the new quantity targets announced tomorrow by the EU Commission. It could be the case that the German plan will be almost disappear because the EU Commission, it is not clear, will announce probably to expand the current European emissions trading scheme to transport heating and buildings. But this is not decided yet and it will not be decided by tomorrow. So we will see this at the building of next year, but at least you can see Germany has implemented a national emissions trading scheme for transport, for heating and for buildings. And this is a quite important, I would say experiment and let's see where this experiment will lead us. The second aspect I mentioned is the regressive impact of carbon pricing on the poor households. And you can see this here you have the 20% of the poorest households and you have the 20% of the richest households. And if households are not compensated, of course, the poorest households will pay in the end the bill. The burden is much higher for the poorest households than for the rich households if there are no compensation mechanisms. We proposed, we means economists and academics, we proposed an equal per capita recycling. And if we would recycle the revenues generated by carbon pricing in an equal per capita manner, this will lead to a significant reduction of the burden for the poorest households. It will also have a positive impact on the middle class households and the rich households will pay more. In the end, the politicians haven't decided upon an equal per capita recycling mechanisms. Instead, they have reduced the electricity prices and have increased the social transfer. At least the schemes leads to a situation where the poorest households have now to be a lower burden, but the middle class in the end will pay the bill. There is one unresolved issue which is important for Ireland, but also important for Germany. And this is horizontal equity because in each of the income quintiles you have a huge, a huge divergence and a huge variety and a huge variance. And this we call horizontal equity concerns in particular the divide between the urban and the rural area. And here we are working now what kind of compensation schemes are needed for that. The problem with this German idea and this will lead me immediately to the European perspective is if you have a European emissions trading scheme for electricity and for industry. And you have another one for transport for heating and for buildings. So the problem is then you have huge differences in carbon pricing across the sectors. And with this differences across the sectors, there's a huge risk of large scale efficiency losses. But this could also create some social and political problems when in one sector you have a very high carbon price like in the transport sector and a quite low one. So there are a lot of arbitrage opportunities and there might be this observation might kick off then in the future a debate how to harmonize the carbon prices across the sectors. Now, what this experiment shows is that we can solve some of the problems, even if there's uncertainty how to fix the carbon price. We can send the quantity targets, and we can combine emissions trainings with direct begubian pricing in a reasonable way. Distribution concerns are an important issue, but per capita recycling or the reduction of other regressive energy taxes at least provide a solution or at least can help to manage the transition. Repugnant markets. Some people believe that markets are repugnant. We should not deal with environmental issues with market forces. But in some of our experiments, this shows when an emissions-based scheme is designed properly, in particular when a price flow is introduced, people voluntary increase their abatement level. Inefficient sector-specific policies. Yes, this is still a problem in Germany. We have to deal with this fragmented markets. And this is something which will be cured or will be made worse by the Green Deal and let me explain a little bit now what we can expect by tomorrow. So the Green Deal could become a regulatory tsunami, a regulatory tidal wave. The good news is everything is up to reform. The proposals for the vision of the European emissions-training scheme and also the non-emissions-training sector. The bad news is everything is up to reform. It will be now a period of substantial regulatory uncertainty and this includes in particular energy and industrial policy. And energy and industrial policy has strong interaction with the climate policy. Now let me explain what's ahead of us. And you can see here in this simple graph the following. Tomorrow the EU Commission will very likely announce that the emission targets will be tightened from 50 to 55%. And it is now very open to what extent the agricultural sector and the forest sector will be included. But the most important thing is Germany has to increase then the emission reduction target in the non-ETS sector from 38% to 50%. And the same will be true not in this order of magnitude for other EU member states. And we need basically to evaluate for example what this means for Ireland. So when this will be done so you can see that in the non-ETS sector we will have a strong reduction of emissions. And the ETS sector industry and energy basically is untouched about this or relatively untouched. Then we will see basically a price let's say between 37 and 43 euros per ton CO2. This is a significant price change but nevertheless we will see a huge difference between EU ETS and non-ETS. And this worries in particular many people in the transport sector. There is another option. The other option will be that all additional emission reductions will be absorbed by the ETS. And then this will lead to an increase, to an embrace increase up to 52 euros per ton CO2 to 72 euros per ton CO2. But this would change the whole game in Europe. What will happen? What will happen is due to this strong price increase we will see a rapid phase out of coal very very soon. And in particular in Germany last year we had agreed on a large package of a coal commission for the phase out of coal by 2038. So the coal phase out will become, we will phase out coal much earlier than that. I would say with this price within the next decade. But then again the non-ETS sector has to do not too much, I wouldn't say nothing, but a little bit. And then you again can observe a huge price differential between ETS and non-ETS sector. And this will lead to a debate how can we harmonize both systems. So when you read the document of the EU commission, so there is some ambiguity and a lot of uncertainty how to deal with this issue. Sometimes the EU has the option to do nothing. The other option would be to come up with a comprehensive emission trading scheme comprising all the sectors or just to impose technology standard for transport. From an economic point of view it is quite clear that we need for such a large scale transformation, carbon neutrality by 2050. We definitely need a unified system and a carbon price, which has really the potential to transform our economies. So what you can see here is this is the share of emissions from energy use. And you see also the effective CO2 price and the range is huge in Europe, between zero euros per tonne CO2 up to 350 euros per tonne CO2. And this enormous efficiency cannot survive when we transform our economies. So this is basically describing the situation from an energy and the climate angle, so to say. However, there's another dimension. And this dimension will shape now in the future the design of our systems. There was a conclusion of the European Council and the conclusion is the Union will over the coming years work toward reforming the own resources system and introduce new own resources. Which basically means the EU Commission, the European Union wants to have an own tech space. These are steps to a fiscal union. And this is quite important. Now the EU Commission and the European Council have identified three potential sources. The one is the plastic tax and here I have subsumed digital tax and the financial transaction tax tax, the carbon border adjustment mechanism and additional revenues from auctioning permits within the European emissions trading scheme. Now, if you do the calculation right, the plastic tax is something which is a very national and local environmental problem. Digital taxes and financial transaction taxes might not have such a revenue potential. Carbon border adjustment mechanisms are very complicated to implement. And in the discussion we can elaborate a little bit more why this border adjustment mechanism has not a huge revenue potential, but the additional, the potential additional revenues caused by the auctioning of permits is huge. And I will tell you in a minute how large it is. But here I would like to emphasize and explain you why this fiscal federalism, this changing fiscal federalism in the at the European level will shape the design of future climate policy. Now we have to stay to school and again I apologize that I have a German example because it's much more easier for me to blame my own country than to blame another country. So therefore we have now the status quo and what is the status quo. So Germany, for example, receives the full revenues from auctioning and then a price floor would be introduced or the sectors would be expanded. So there's a national financial interest for Germany to do this, because then the revenues would be higher and we need more revenues because of our quite expensive climate policy. So in the future, in the possible future, when the revenues are kept, and Germany is only allowed to receive a maximum amount from auctioning. So then a price floor and sector expansion does not increase the revenues. The price floor and sector expansion would be not just in the interest of Germany. It would be also in the interest of the European Union in particular for an efficient climate and energy policy. But when the maximum amount from auctioning is kept. So then the national interest for a price floor might be reduced significantly. So this will shape the options so the preferred option my preferred option and I would like to defend this that we need one consistent European emissions trading scheme across all the sectors. This could create now a conflict between you and the member states because the you will now demand revenues as an own resource. There's another option to implement an ETS sector in the harmonize Texas but again, they might also then to to create strong incentives for this. And now a second European ETS and national ETS might be then a preferred option from an efficiency point of view, it is a less preferred option, but politically, it is a real, a real possibility. Because the member states might then be in a much better position to keep the revenues within the national borders. So what's the amount, the amount is huge it's over until 2050. It's roughly 800 billion euros. And here see basically you could reduce the revenues for the member states. And this is the proposal made by a very interesting paper for Clemens first and Pisani three financing the you so then member states will reduce the revenues.  And this is a quite significant thing, but this would require 80% allowances would be auctioned. And after transparent the agriculture sector will be covered in a significant increase in the carbon price. Here there is an important aspect and this aspect is now discussed heavily within the UN this are the negative emissions. What are negative emissions and here I can be only very brief. The negative emission technologies are required for carbon neutrality. After 2050 net negative emissions are necessary to limit the global mean temperature well below two degree. So otherwise, we would not be able to achieve that aspirational goal. The emission by 2050 investments in negative emission technologies even before 2050. But this net negative emissions will lower the price in the UTS, of course, because then the traditional abatement technologies are less competitive and dependent on the marginal abatement costs of net emission technologies. So then the price will be reduced. And after 2050 only negative emission technologies can enter the market because we are then at the at the zero at the carbon neutrality at the zero net emissions. And then the Commission has to pay has to pay the suppliers of this technologies via options. And therefore, after 2050 at the European level, the Beguvian tax has to become a Beguvian subsidy for negative emission technologies. And this subsidy requires another source of revenue. Now I would like to speed up a little bit and at an international scale I can be I can be very short and then I will conclude. Now be there that we are a we are now in a very peculiar situation. We are at risk turning a forward looking reform agenda into a status quo preserving mass instead of a uniform price unleashing a regulatory tidal wave and an excessive focus and technology standards would lead us to such a situation. The conflict over revenue generation between the Commission and the Member States prevent the implementation of a consistent and fully integrated ETS and under investment in negative emission technologies because of options are probably underestimated and therefore the you Commission has less revenues available. Now let me say a few words and on the international climate policy and then I can be, I can I can conclude and I will skip here a few slides. At an international scale almost 50% of the emissions have a carbon price of zero on only 10% are priced at the level of two degree. This comes for a huge price for the for the global community. And this is basically quite dramatic because in this post COVID situation, we observe that not only China and India are investing again in coal fire plants, but also the smaller Asian countries like Vietnam, Indonesia, and so on. So what does this mean for our aspirational goal. I told you that basically the Paris agreement decided to limit the increase of global mean temperature around two degrees Celsius. So this can be translated and calculated into a global carbon budget which is roughly 1000 gigaton CO2. In the infrastructure investments, if we use them over the economic lifetime without coal, we already would absorb roughly 500 gigaton CO2. So basically operating the under construction and the plan coal fire plants will operate over the there over the economic lifetime, we will come up basically we will eat up the whole global carbon budget which is consistent with a 1.5 degree Celsius. What we see now is the shelf coal fire plants in many, many countries, in particular in China and India will come back into the pipeline. So this is the price we are paying because we have not reasonable internationally carbon pricing schemes. If you look at this map. It shows very clearly that here the pink countries are very much coal dependent countries. And what we have to do in the next decade, we have to negotiate with this countries at an international level because otherwise when all these countries will continue with their investments in coal. The Paris agreement can no longer the Paris goals and the Paris agreement will fail. So this is a quite traumatic situation. What can we do about this. I think we should start to negotiate with the other countries on carbon pricing. We should help them with international transfers and and credits paid below the market interest rate to change and to transform their economies. So this is now I'm at the end and I would like to conclude here. I have convinced you that there is now a bigger opportunity within the you because of its ambitious targets and the regulatory efforts without carbon pricing, the transformation process cannot be implemented is not feasible. However, it is crucial to avoid turning a forward looking reform package a forward looking reform agenda into a status goal preserving regulatory mess. The comprehensive the Google and price reform at all levels, albeit institutionally very demanding is a worthwhile endeavor. A dialogue between policymakers and expert is required. Policymaker must shy away from a thorough examination of their policy instruments whereas we experts must pay a careful attention to the limits of political feasibility. Thank you very much indeed, Professor Aidenhofer, for your most timely address, given being on the on the eve of the State of the Union tomorrow. We have, we have quite a few questions in and to some extent you you addressed in your letter remarks, some parts of these questions but let me put a first question to you, please. If, as expected, Commission President van de Lijen announces a 55% target for 2030 tomorrow, Ireland, as with every other member state will need to redraft its national energy and climate plan and increase its non ETS emission reduction targets. How is this likely to impact cooperation between Member States and the European Commission. Yeah, that's a very good question. I think that's that's why delicate. I think that the key to that cooperation is indeed on the one hand you will see increasing carbon prices. This could create the friction in particular with the Eastern European countries like in Poland and it's quite interesting that Poland is now starting also to talk about the cold phase out that this was completely unthinkable, even nine months ago. And the cooperation is, it's all about this, this, this, this revenue issue. So, the you Commission has to find a way to design this revenue raising and this revenue recycling in a way which is, which is compatible with the, with the preferences of the Member States. So the paper I have, I have quoted here in my presentation, the paper basically argues that the Member States should should reduce step by step. Their share on on on the auction revenues. Instead, the GNI contributions can be reduced. The European debt will be paid back and then there is something left, but I can anticipate some some some significant some significant conflicts here. And this is something which which needs a very, very talented statesman graph chip so to say to overcome this issue as a scientist I have not much to say but but I would say cooperation depends on sort of the distribution of concerns. Yeah, yeah. We've two slightly raised questions from colleagues here in the IIE a Durham Moriarty asks, what have been the implications of the recent US return to cold strategy during the Trump administration on global cooperation. What is this threaten cooperation among EU Member States, especially in the cold intensive regions of the Eastern Member States. So let me highlight that in the United States we do not observe a renaissance of coal and the reason is, is very simple that the gas price due to fracking it's much lower than the cold price. So despite of Donald Trump's aspiration we, we don't see a renaissance of coal in the United States. Even even Donald Trump cannot compete with the power of the relative prices so that's, that's, that's an interesting message. So what about the Eastern European countries. So my reading is that the most important. The most important country here is Poland because Poland very much relies on coal. I think so Poland by and large is is is on on page. I don't see here a huge problem to bring Poland on board. There remains an important problem in Southeast Asia, China, India, but those in the smaller countries like Vietnam, Indonesia, Turkey, Japan again. So that's, that's a problem. And here I think when we think how to, to, to, to, how to re, we shape our thinking at the national scale. We should not assume that we have to cooperate over the next years with all the countries around the globe with all the 194 states and governments. It is very important and significant to, to talk to the Asian countries and I would say in the mid term, the coal issue is the most important thing at an international scale. Thank you. You've partly addressed the second part of that question I referred to Andrew Gilmore was saying, how can we negotiate with countries outside the EU, when there is difficulty in convincing some EU member states to commit to these targets. That's, you're saying about Poland being the key, the key player here. But, but I would say, we, we, we convinced them so it's by and large so of course there's some friction but it's a remarkable achievement now basically that all the member states are roughly on board. How can we convince countries outside Europe here I would highlight one one aspect and which I skip this slide. We think that we are operating in a, in a, in a low interest rate environment. And that's true. But this is not true for for countries like Bangladesh so when Bangladesh wants to finance something with with a government bond so the government has to pay 728% per hour. What we could do is we could offer countries like Bangladesh, a lower, a lower credit below the market interest rate. And, and, and, and in, in exchange of this offer, we could basically then say to Bangladesh, so you should introduce a reliable carbon pricing scheme. And you should invest more in green investments in order to create some economic incentives and this would be a disaster for the European funds, because in Europe, the interest rates are very low the interest rates in Asia are much higher. In that sense, it wouldn't, it wouldn't. So we, we have a very low interest rate in Europe, and we would earn high interest rate in Asia, which, which would make the whole thing at least in the midterm, even economically feasible. In that sense, creating a conditional transfer scheme negotiating with these countries could be at least a worthwhile, an option which is worthwhile to to assess and to bring it on the table during the negotiations. Thank you. And could I could I change focus for a moment because we've been looking at the regulatory impacts and the government and and carbon pricing and so on. But today's British Guardian newspaper reports that Facebook and Google have independent or separately committed to carbon neutrality in their in their businesses. So joining people like Apple and Microsoft and so on. And to what extent has the world of business got the message that in our political system has been maybe more struggling with. And that's a very interesting, very interesting question. So I would say business, the investors community, not to forget the sample banks. They are now white, quite keen to ask the question how can we take into account the climate risk in a much more proper way. I would say the business community is prepared and but but even the business community looks to the to the to the politicians and ask for an increasing carbon price when so last last week or the two weeks ago. The CEO of Volkswagen announced that he would be in favor of a 100 euros ton, your tone CO2 carbon price in Germany. So this is significant right and and I think the business community can push the, the, the, the politicians, the political community to come up with quite ambitious plans. And I, my main, my main argument is with a lot from the lion. There's no doubt will will announce a very ambitious target, but we need also dedicated and and cleverly smart design policy instruments that's that's important. The question just in might be opposite to to that point, Professor. I'm told that last Friday MEPs in the Environment Committee agreed to establish an independent EU climate change council made up of 15 experts who will propose further adjustments to the blocks emission reduction targets in line with the latest science. Do you see this as a sufficient council to ensure dialogue between policy makers and experts, such as you have advocated. Yeah, it's, it would be definitely a good starting point when when such a council is is not a lane duck so to say and you know that every politicians know how to design a council, which is, which is almost harmless. And the most, the most important thing is, is this council should have the mandate, not just to talk about the targets, but to evaluate the instruments, which have been implemented, and also the costs. This is very crucial. So it's not just to give advice but also to monitor and and and and to to to to analyze this very very carefully in an ex ante manner where they made proposal what policy what the policy makers should do in the future, but also even more important is the exposed evaluation of policy instruments. So what we what we do very often is we are have endless discussions about the pros and cons of a carbon price or technology standard, but very often what we are missing is a careful evaluation of what what worked and what did not work. And I think that's that that that's that that's very important. Why is this important. Why is this important. More than ever, it is important because carbon neutrality by 2050 is such an enormous transformation of a whole economy that we cannot do this with the traditional policy instruments which have been successful in the past, which is regulatory because technology standard law and order. Thank you. There's, there's a question from another I a member, which addresses a particular Irish dimension to this issue. In Ireland, agriculture accounts for roughly 30% of emissions, and there is a general rural urban divide when it comes to the need to urgently address the challenge. How can we ensure that different sectors are not pitted against each other when we need such transformational change. I recall that you talked about the horizontal diverges in in reducing the the regressive aspects of carbon dioxide, carbon carbon taxation. And so what sort of measures to mitigate these horizontal tensions may may exist please. Yeah, that that's an enormously important question and it is a widely under research questions in also my economists. So what what, as a general rule, I would say that in particular transport is too cheap in in in the large cities and it is too expensive in the countryside. Right. So we need we need a sort of a differentiated carbon prices and this can be done either we differentiate the carbon prices directly between the rural areas and the urban areas, or we do it in a in another way. So if basically people who who who have a hard time at the countryside, a specific rebates, so to say that that that would be another option. And I think that's along these lines. We have to think carefully about this, but in the end, when this is not feasible so I would even I would even go for differentiated carbon prices but my preferred option would be that to differentiate the recycling mechanisms, according to the rural urban divide. The political feasibility you started off with this, the political feasibility of carbon tax has been very, very close to to zero. And we've we've seen that things are changing radically in this area, but I fear that the time is starting to is is catching up with us, Professor so I think it's, it's timely for me to congratulate you on the extraordinary your remarks, and the challenges that you have put before us. And I think certainly, as we as we look at the state of the Union address by the new president tomorrow, we will look at it with with new insights. We, we are very grateful to you indeed for sharing your your ideas and your priorities with us. I should also say that we are indebted to our partner with the ESP for making this talk possible, and to thank you and our audience and wish you a good afternoon. Thank you very much, Professor. Thank you very much. It was an enormous honor to participate in this seminar. Thanks a lot. Thank you.


Welcome back to my YouTube channel guys, it's the new Tara Christie show. Look at that come if you haven't seen our first one I'll link it above because we've we told our story we've premiered with how we met, and you're not going to miss it so I'll link that above. You're not going to want to miss this show, we are going to talk about a new tattoo that Christie has. And we're going to go through our purses together. So, subscribe below here we go. Okay let's start with the tattoo. Okay first of all what's on your mug. Look at how cute this is. It's a weird color though. It's yellow. It's fantastic. It's green. What? Okay, my, my lighting must be off. This is yellow. I'm currently wearing blue. What color are you seeing? Blue. It's a pretty blue. It's a nice blue, yeah. So you are, okay, so. So if you guys haven't seen the first episode that we did with Christie getting her first tattoo, it's hysterical. I will link that above as well. But all right, I saw some picture of you going away this past weekend and you've got another one. I thought, okay, see how much pain she's screaming into the first one. Yes. So here's what I'm finding. I thought they were kidding about the tattoo thing. You really forget that it's like, oh, that hurts. Like if I had watched my video, I would not have gone again. So my other girlfriend I'm with is like, let's go get tattoos. I'm like, okay, because there was another one I have been wanting. So what I'm finding about tattoos with me, as long as they're five minutes or less in how long it's going to take, I can tell. So, you know, all of these beautiful tattoos. Okay, I was at work the other day and one of my bosses has super detailed like face and it's got all this stuff in it and I'm like, where twins. She was like, no, not even close. So, so I got a second tattoo. I've been wanting this one for a while. Okay, you ready. Now, I can't really see it. So let me know if I'm not showing you properly. Where are we going? Oh, there it is. Okay. That's cool. Is that a cross and it doesn't say his. Yes. Oh, that's so cool. I love it.  So just so we all are on the same page. My parents don't know. That's was my next question. No, even though it's a cross. It's not okay. No, not okay, nearly stroked out over the sunshine. So they did find out about the sunshine. I told my dad in person and I did it around a lot of people so he couldn't have a meltdown. Did it work or did he have a meltdown anyway? Well, he was like, why would you do that? I'm like, because I wanted to. So it was fine.  So she just kind of pretends like it's, it didn't really happen. What is that? What is that with our parents? There's a lot of denial of what's happening. Like that's how they can manage the, I don't know, disappointment. Yeah, that's what it is. I think they're like, I did not train you to do that. No, I didn't. It's kind of like when my son, you know, gets in my minivan and goes way faster than he should. I did not teach you to do that. And you're in my minivan, which should give you some humility that you don't want to go that fast. Yes, it is not your vehicle. Yes. Yes. No, no, can't even help themselves. Okay. Oh my gosh, I love that you got another tattoo and it only took five minutes. Yeah. It was great. And this time we did this close to Chicago.  Okay. I'm going to guess, I don't have one that that's going to seem not like not a lot for New Zealand's things are expensive here. I don't know comment below is that a lot for New Zealand tattoo prices. What is your, I think they called it like, whatever your basic charges.  Yeah. Yes, or whatever. Yes. So it's right. Okay, I'm dying to see how okay. So Tara and I have been really good friends for a long time. So freaking cute. Is that purple or mauve? I can't tell mauve. Okay. I don't understand.  This is like my first nice one. Oh, it's so cute. This is. Are you have you upgraded from going wearing your backpack as a child. This is what we wear. This is what we wear. You go like this.  This is how you do it. Oh, like this. Hmm. I have keys. I got my coffee cup. I got stuff for my lunch in my armpit like this. I got to unlock my door because I live in an apartment and I go out the door out the door I go. Okay. All right. What's in your bag. Let's pull it out. I haven't I literally just went and grabbed this so How many pens I got. I got a mask. Oh boy. 10,000 times. Oh, look at I have a label that goes to my daughter. Oh, okay. Mints. Man sanitizer. Bam Bam Bam Bam. Okay. Okay. Next. Okay.  Okay. Okay. The cards are organized in here. You know what? That's fine. So did you see Tara's wall at everyone? Okay. Here's mine. Okay. Bungalow. Welcome to the Midwest. Oh, excuse me. We played a lot of arcade games to get this lovely thing. This cost me at least $50. That's gorgeous. I'm keeping it. I'm keeping it. This is my journal for like when I want to write ideas for our show, which has one page filled out. I thought I'd use it, but I don't. This is because you leave the house and all the hairs. You can see once you get to the car. Oh, it's true. I can't see them. I get to the car. Oh, vitamins. Look at all my lipsticks. Like, look at this. You said you had no options there. Look at all these vitamins I need to take. These are purchased in the US. Okay. Okay. Here's my one lipstick. Okay. My car key. So look at this car key. So like I went to the hardware store and I figured out this gluing cement process and put a ring on here. And then I let my car out to my border one time. And then I put a ring on it. And then I put a ring on it. What? Yes. Oh, look what I have. You got to have this. In your purse. In my purse. I'm an influencer. Oh, look at this. It could be like this. That is awesome. Cause you know, I need some distance. I need some distance for this thing. Correct. Correct. So here's in case you're not sure what's in here. I know that there's things in here. I got my new Oscar Wiley sunglasses. Check these out.  Yeah. They're really nice when they're light. Marshmals. Oh, Okay. You literally look like a bug. Like literally look like a bug. No, no, I look fantastic. No, hold on. I have another pair of just a second. Now. Now this is more buggy. More buggy. Okay. Okay. I have a really healthy. That has lots of protein. In case I'm right. It's still not eaten. Because I never actually like these things. I always think I'm going to like a, Hey, look at this. Cause this is goes, this says in here because I have. I'm a soccer mom. So soccer mornings. Oh, this. Welcome to New Zealand. You have to bring your bags. There is no plastic. You have to bring. Plastic. Plastic. Got plastic. These are marino wool. Look at these. Look at these. I bought these for work. Check it out. Cause we live. We work in this office. And sometimes it's freezing. So I can wear this. And tight. Okay. You look homeless. That's hysterical. I love it. That is so cute. Look it. Big bar. Fiber. Fiber. Oh my God. Oh my God. Oh my God. Oh my God. Oh my God. Oh my God. Oh my God. Oh my God. Oh my God. Oh my God. Fiber. I didn't get that. Oh, I got a mask. Cause you got to have. Okay. I have at the bottom. No joke. No joke. I have. What is that? What do I have at the bottom of my? I have a nickel. Also I have a peach gummy. Ooh. Nasal spray. Okay. I do not want to see you use that either. Not when I see you use that. So I got like. Ooh, I got. I got air buds and these, depending on how you feel. Yes, let's see if I have anything. And just so you know, these are not real ones. These were bought on Wish for $25 and they're amazing. Did you say Wish? Wish. I wish you knew about Wish. Okay, the reason why you don't know about Wish is because of any of them. Gum. Ooh, let me see if there are buds. Now I can't chew gum. I got bad jaw. What? That's so sad. I got a big holder. I got one of these in case you need to clip it. I have cough drops and change. Ooh, look at this. I never use this. I always forget that's there. Oh, how do I look? That's fantastic. I don't know why this has been here. What is it, a charger? Yeah, I don't know. Oh, yeah, because I have, okay, look at this that I have. I have this. Do you have, do you have gotten these purses where you can like charge this as like a battery pack? You can charge it as like slides into your, like a little small purse if you need an extra charge. In case I have a video idea and I need to video it right then and there. Immediately. Here's, oh, I should probably have put my glasses in there than I could find them. Well, this is all I have. This is all I have in my bag. Everything else is just garbage. I need to clean out my purse and throw things away. Ooh, I have earrings in case anybody needs where's some earrings. Oh, I like those. Send those to me. Okay, so one of the comments from a fellow fan. Okay. Sorry, go ahead. Welcome to crazy. Comments from a fan that they think that I should send you some New Zealand coffee. Oh my gosh, yes, please. What kind of coffee maker do you have? A Keurig. I can't work with that. What?  Because I don't know what size. You can't do it, you don't have anything else. Listen to me. Do you have a French press? No, but I can put ground coffee in a pod because I have one of those. Okay, so you've got one of those reusable ones. Yeah, yeah, yeah. Ooh, what do you want me to send you? What do you guys want from Wisconsin that she needs to try? I need to have. You need cheese curds? Cheese, that's good. How do you get them there without them getting gross? I'm not gonna work. I'm not gonna work. Dang it. It has to be packaged. So I don't think that she needs to work. All right, what else do you want us to do? Now we know. Now you know why we're such good friends. She's organized, I'm not. Okay, those are, do you really wear those? Those are not nice. I'm just saying the things that your kids are also saying. Oh, they say it right to me. No, I know. That's why I was like, of course they're telling you. Oh yeah, and I'm like, Oh, that makes me wanna wear a more. What is that about it? What is that about it? Oh, yeah, it's like you're not gonna tell me. Okay. No, now, are you like, do you need this wallet? No. They have it in every animal they're known to man. No. Okay, that's too bad. All right. I like koalas. Oh, koalas, they're not even in New Zealand. They're in Australia. Oh. You've just got a whole nother set of fans that you knew that. Listen, I'm gonna be like, wow. Yeah, that's about the only thing I knew for factual evidence of any. Okay, let's stop there in case you get something wrong. Come back next week. Next week. Yes, anyway, good talking. Good to talk to you, love it girl. Thank you for enjoying the Christy Tara Christy show. We'll see you.


Are we good? Yeah? Is it whenever? Yeah. You're right. Oh, cool. Sorry, we've been talking over. Yeah, it's fine. Oh, OK. So this title is CSS about, not is CSS a bad idea. Oh, is .css a bad idea. But this will look good on YouTube, right? You are going to start some flame wars. You're going to, like, the framework people are going to feel so validated. Yeah, but this is not a talk against CSS. It is a talk questioning external CSS resources. All right. So immediately, we've just lost 50% of the people who tuned in for a real something bashing CSS. But no, I actually want to talk about CSS resources. All right. Well, so I'm going to put my flag down here as call me a heavy skeptic for this premise. All right. All right. Well, we can see where you are at the end. Yeah. HTML is a streaming format. This is something we've mentioned on the show before, but the browser can render the header. It can now render the main bit. All without having the end tags for the rest of the stuff. And then now it can render the whole page. How much do browsers do this nowadays? Because when I was using the internet first, when the internet would scream at you before you could use it. Yes. I remember those noises. Like a page would stream in. And as the HTML was loading, you'd see it load chunk by chunk. It would build up and load progressively. But nowadays, I often go to a website. And then it's just like blank page, blank page, blank page. Yes. Do you know who's fault that is? Who's? Engineers. Because we do this. We've got this external style sheet resource there. And we've got a blocking script tag. These prevent the page being rendered until these resources load. In fact, the script tag, in many ways, prevents parsing as well. But the CSS just blocks rendering. Yeah. Well, we're going to, I'd like to assume the developer here has been paying attention to your series for at least a bit of time and probably put an async defer on. Like this? Yeah, there you go. Exactly like that. And this is like people who care about web performance have been trying to make this point for a decade or two. That, yes, we should be writing scripts which don't block. Yeah. And yeah, defer is one way of doing async, as you say, is another. But that leaves the CSS. And there's nothing really we can do about it. Because CSS cannot stream. We need the whole thing. If you've got this at the start of your CSS, then at the end, you've got like, no, actually, it's a different background color. No developer wants or expects to see the dark background or the light background. And then it's switched to the dark background as it chews its way through the CSS file. This is just a color change. But if you were pausing incrementally through CSS, the page would be like jumping around all over the place. I can't help but feel that if that was a known scenario, developer would design their CSS file to put things in hierarchical order of importance. I agree. But things do seem to be changing a little bit in this space. This is a cascade layer. This is part of a cascade layer. It's got a new CSS feature that's landing in browsers right now. Extremely cool. It's extremely cool. But I thought an interesting element of it is that upfront, you're specifying something about the order of how to interpret the file. And I feel that that is, it'd be interesting if CSS was built now from scratch, I think it would have a lot more of this sort of stuff. Like things upfront that said, look, here's what's going to happen. And then maybe what things could stream in after that in some sort of way. Thinking about how people actually authored the CSS, this is a common way, one style sheet for your site. Yes. That's what I do on my blog. But there are bigger sites that do this as well. Doesn't scale. Oh, no. No. Carry on, carry on. Well, OK. What about this? I took this screenshot. I didn't even have to look far to find this. So this is the coverage panel in Chrome DevTools. Two megabytes of CSS. And almost entirely unused. So this is a, this is a, oh, no. And eight, sorry. And seven, almost seven megabytes of JavaScript. Yes. But the JavaScript on this page is bad, right? That's too much JavaScript, especially because so much of it is unused. It does jank the page with its parsing, with its execution. But it is loading asynchronously. The main performance problem on this page is the CSS.  I didn't have to go looking far for this. My favorite thing to do to go for examples of how people build websites that aren't, like the people who are most performance focused. I look at Formula One websites. I like it because they tend to go through a yearly refresh. So people will be building it usually, you know, fresh every year because of new branding. So this is a Formula One website. I won't name the team. But yeah, this is- I like the irony there. Oh yeah, like- Some of the worst performing sites I've ever seen. Yeah. But this is the problem you get when you have like one CSS file for your whole site. People just keep adding to it, other teams and stuff. And you end up with eventually two megabytes and people don't know what to safely remove and that sort of thing. Yep. This is the other model I've seen. And again, I saw this on a Formula One website. I actually do something very similar to this myself. Like just because the way I author CSS files, because I'm a developer advocate, all the demos I do, they're usually pretty performant and also coded very leanly. And so, and I'm, I don't want to run any pre-processors or have any build steps because it makes it difficult for people to like fork it or use it for other own projects. Except instead of being separate link tags, I have one CSS file with lots of import statements, which is basically exactly the exact same thing except with an additional network hop. Yes. So it's going to be slightly slower than doing it this way because it has to request the first thing to find out about the others. I'm going to say there's also a benefit here compared to the single model is that HTTP2 allows sites to download resources in parallel. So here's the difference I saw. Again, this is a real website. This is a Formin1 website. You had 32 CSS resources. Out. But 48K. Oh, that's not so bad. That's great. Like compared to the two megabyte one we saw before. That's fantastic. Even if they're downloaded in multiplex. We can say parallel. That's parallel. Yeah, that's what we mean. Yeah, then I think that, okay. So to second to first render three seconds, not terrible, This is over 3G, I will say. Yeah. What's the JavaScript like here? Like also pretty good or? So I removed JavaScript from the equation for this. Okay, cool. So this is just pretty much just the HTML and CSS. Yes. I think that's pretty acceptable. Over 3G. Yeah. That's really good. Cool. And what you get with these multiple CSS files is you do get to target them more for the page because you just include the ones you need. And that's why you end up with 48K rather. Anything else. Yeah. But here is, and this is the same resources, just concatenated into one. All right. Now, one interesting thing there is the file size has gone down. Yeah, I can do that. And that's, broadly, or the GZIP will be the same. Yeah. Because it can't zip across file boundaries. So when they're all joined into one, back references work more. Yeah. And you get a smaller file like that. One thing I left off this graph. All right. Is that. So I ran each of these nine times. Wait. What? And there was this massive variance for a few of the results. And I repeated this test many times. And I saw this variance crop up time and time again. So here's the web page test graph of it. And this is where you can start to see what we were referring to before, is the multiplexing, the single connection being used. Yeah, they're coming down altogether. Exactly. So the blue bit at the start there is the HTML. The green is the CSS. And the purple is images. Now, what happened in these outlier cases, this is one of the outlier cases. The images came in first. They stole the bandwidth and pushed the CSS back. They ended up, I guess, either equal priority for the browser or the server was just like, I'm sending this data. And before the browser could come in and say, look, these priorities need to be the other way. Were these images in the first style sheet, it's like got and parsing? Or is it images in the HTML? They were image tags in the HTML, which is why they were discovered so early. Yeah, images in your CSS won't download until a calculation in layout has been applied. I'm not sure if you're on experiment, but if you were able to, stick like a preload onto the CSS, do you think that would have solved the, I mean, we're talking about like 200 milliseconds here. So not like nothing killer. Exactly. Yeah, I should say is that ignoring the outliers, the difference we're talking here is half a second. Oh, it's one second. Half a second, I'd say. Oh, yeah. So it's not huge, but if you play performance, it's going to be the fastest it can possibly be. Or that's certainly what I'm trying to chase here. Now, when I talk about this, what a lot of people say is like, doesn't matter, cache it, and then you're fine. Yeah. The fastest HTTP connection is one that isn't made. Yeah. I remember someone saying, and yeah, so these resources can be far future cached. The way this works, user visits a page, the rendering is blocked on fetching, a style sheet, whatever. I noticed you include the hash in there because I'm assuming that on the next reload, sorry, I'm jumping ahead. I'm not going to... I think you know what's coming. But yeah, time passes, user visits another page, and then it's fetched from the local cache and everything's great and fast. But how often is that hash going to be the same because either developers push changes or it's a different page with ever so which needs a different set of CSS and is a different file? Yeah. Two things can go wrong here. One is that the resource is evicted from the user's cache and if they've been clicking around the internet or even they've, you know, a lot of users religiously go and clear out their cache for whatever reason, this system isn't going to work. But yes, as soon as you deploy, as soon as you make a one change to the CSS, you're no longer, your caching is not doing its job. This is the system that I'm proposing is that we just dump all the styles in the page. I guess the benefit of doing this, the downside is you lose the caching, but I'm not sure if that's an actual benefit. But here you get to hyper-target your styles for this page because you don't have to figure out which thing goes in which CSS file, which da da da da da, because it's just going in the page. Okay, I was hoping you would bring this up because I'm assuming you have some magic tool that then looks at your rendered HTML for all possible situations that you could land in, like all media types, page widths, and user preferences, and then looks at your giant two megabyte style sheet and picks out just the rules that are being applied and dumps them into... So this is what you're talking about. And now I have to remember what this stands for. That's quite the acronym. What you serve doesn't necessarily have to be what you author, remember that. And I think this is one of the great things we have on the web now is that there was a while when frameworks first became big where I felt like the developer experience took a leap forward, but it was at the expense of the user experience. I feel build tools have got so much better that we're starting to... If you were a happy being in a build tools world, and I agree with what you said before, if you're making this for educational purposes, maybe not the best thing to do, but you get to write in a way that is great for you as a developer, but you get to serve it in a way that is great for the user. And so, yeah, how you offer it, whether it's a big style sheet or not, the way I tend to do it is I have lots of little style sheets. I'm just going to make a whole bunch of the commenters super salty here. Okay. I have not seen the correlation between good developer experience leads to a good user experience. Like a lot of the developers I've seen, we've given them, you can write code really quickly, and they're like, yes, fantastic. I'm now going to ship, well, as we saw before, 6.8 megabytes of JavaScript and two megabytes CSS files to the user. No, that happens. I would say that I have been able to create a better developer experience and a better user experience using build tools. But I can't help but feel that, like, we have a bit of an audience mismatch here because this example here, like 48 kilobytes of CSS resources, you're managing to pull it down to 37 kilobytes and it's in line just to the file. So the saving here is negligible, whereas if you're on the page where you have the two megabytes of CSS and the 6.8 megabytes of JavaScript, like, I don't think they're even thinking about performance. This is definitely the sharp end of performance, absolutely. So with an inline situation, this is where we're at. Yeah, that's really nice. So it's the same CSS resource just inlined and so it's brought it down again by half a second, a bit more, maybe. But I was actually able to take that chunk of CSS and look at what was actually used on the page and bring it down to 6K. And I think that's actually the real value here. This is just showing you the cost of those HTTP requests. But the real value of inlining is that you don't have to architect what goes in what CSS file to try and figure out how that will spread across your pages in an optimal way. You can just sort of what is needed by that page and it's like 6K. What about a middle ground? So let's say we're going to forget about frameworks for now. So let's say a website was authored using web components. Yes. Each JavaScript file has HTML and CSS and are embedded in the JavaScript files as is common with the pattern for... Like this? Oh yeah, exactly like this. So I would say if you've got a JavaScript dependency, then the CSS should just be with the JavaScript. I've seen plugins... With the JavaScript, not in the JavaScript. I think in the JavaScript. I would say like why would you create... You've got this thing where the CSS is useless without the JavaScript. The JavaScript is useless without the CSS. Why would you serve those as two resources? They're interdependent. Okay, as a string in the JavaScript or as a JavaScript object where you like... Again, so the way I author this stuff is I have my CSS in the CSS file and I bundle it at compile time. If you want to write it in CSS and JS stuff, it's not... I'm not a fan. But if it has zero impact for the user, I guess I don't care. But I do prefer offering in CSS files. This is actually what we did with Squoosh. Squoosh, all of the CSS is inlined. Actually, all the JavaScript is inlined as well. So I ran a test of... This is on 4G connection. So this is the difference with just the bit of styles that Squoosh has inline versus not inlined. So it's 300 milliseconds on 4G. So it's not a lot, but it's not nothing. And it felt like it didn't seem to... I'll take 300 milliseconds for free for what felt like free. We had a build system anyway. But yeah, I would say the stuff that was inlined is just the CSS needed for the first render. So that is the stuff that doesn't need JavaScript. Yep, that makes sense. Whenever I have components that need JavaScript, I usually have them default as being invisible so that when in the situations where my JavaScript fails to load, no one notices the missing elements. Yeah, there may be some blank patchy spots on the page, but... So that's what we're seeing there on Squoosh, that first screenshot there on the top left. It's missing that button because that button needs JavaScript. And I think it's even just in the markup already. It's just hidden. Exactly, and it's a really good pattern for ensuring that your page still makes sense even when there's not as much interactivity. Your links still work, your HTML still works, but your fancy JavaScript functionality is just silently swept under the rug as it's failed to load. It's actually one of my big gripes with stuff like Vite or Vite and Next.js. It does seem to encourage you to have your HTML render be the same as your JavaScript render, which would therefore include buttons that don't work. And I feel that is something that we need to get better at as a community. I will say that this stuff I'm talking about is not like me coming up with anything new. A lot of sites are using this pattern today. So I took a look at... I just took a handful of sites, a couple of tech sites, CSS Tricks, Smashing Mag. Both of them, they have no CSS resource, external resource, it's all inlined. The Guardian, the BBC are the same as well. So this is like... I know those teams, they care about performance. And so they are absolutely using this pattern. One thing when I've talked about this with people in the past is they ask about... I've seen lots of your tweets about HTTP2 push and I know you've hit lots of blockers with it. It was supposed to be the chosen one. It was supposed to solve this problem. You're not wrong there. The idea that you go to a page and the connection would just be like, here's some stuff you need. You don't need to inline. This is the equivalent of inlining, but better. And it was full of browser bugs particularly. And I think Chrome did okay. The browser said a lot of bugs with it. But also it was really difficult for developers to understand what... Because the caching was at a connection level. And that's really difficult to think about versus the preload, linker all preload, which is cached at a page level, which is much easier to understand. It makes so much more sense. So yeah, HTTP2 push hasn't solved this problem. But I wonder if web bundles could solve this problem. The reasons I like web bundles are weird and esoteric, but I'm sure they'll tell me about this. Yeah, so people don't know web bundles is a spec. And the idea is it's just a collection of requests and responses. The way I would like to use it is as a navigation entry point. So you navigate to a page and the server sends you a bundle. And that bundle will contain one particular resource, which is the entry, the response for this navigation. So you'll be your HTML. But as the author of the bundle, you can decide what comes before and after that. So you could say... There'll be the front of the bundle that says, oh, this contains these five CSS files and these two JavaScript files and the HTML file. But as the bundle author, you could go, well, those CSS files are all going to go at the start because they are render blocking. And then we'll have the HTML. And then we'll have the JavaScript. And so the browser doesn't need to send out another request. It's just all going to be pushed down in this bundle. And it's kind of just H2 push. But it would be at a page level and you wouldn't need to be interacting with H2 directly. You would just be able to use it in a system like this. And that's what I want us to have. We don't have that in the browser yet. But I think that could kind of be like the nice middle ground. If you wanted to do the caching thing, then you could be like, hey, I've never seen this user before. Send them a bundle. But you're like, hey, I've seen this user before. They probably have some stuff. Don't know what they have. So we're just going to give them the HTML and if they need anything extra, they can request it. Yeah. And you could use cookies for that. Maybe one day we'll get a feature that's like... I know with H2 push, they talked about like bloom filters or something to send down what was already cached. Whether we can get something like that in future, I don't know. But yeah, you could do it with just a cookie or something like that. I do wonder with... I love the idea of being able to get an idea of what's cached and just send what's needed. But to me, that seems like the biggest fingerprinting. I don't think so. Because caching is a fingerprint anyway. And if you use... The tools you would use to clear your cache would also clear this bit of data. If you know what's cached... Okay, but caching is... Okay, I'm not sure this is in Chrome, but I know in some browsers nowadays, caching is limited to a per origin. So this bundle would be per origin, right? You would not be able to put files from another origin in your bundle. Absolutely. So I think in web bundles, you literally can. But they're called signed exchanges. But I think for this system, especially if it was going to reveal what was cached, you're right. That has to be same origin for all the privacy reasons. Okay, that makes sense. So that's really all I had. And at the start, you said you were a skeptic of this. So I guess my last question is... Can we still be friends? We can always be friends. Oh, thank you. But yeah, I think it seems like an interesting pattern. I'm not probably going to be jumping to put this in the things I build. And people will look at my blog and point out that it's not using this pattern right now. Yeah, I think, like, my biggest suggestion is author, if you can, author sensible code, check the stuff you're building, don't ship this. And I mean, this being the 6.8 megabytes of JavaScript, 2.8 megabytes of CSS. Like, work together the point where many of your viewers already are of shipping good stuff. Like, for us, for me, these are the white whales of the web, the ones where we need to hunt them down and destroy them. And because this is monstrous. I think an end point that we can agree on is that if this site did things like the other F1 website where they split their CSS up into lots and lots of files and served them as lots and lots of files, but just the ones they knew were definitely needed for this page, it would be an order of magnitude better than this. And the step for inlining and stuff would be a much smaller leap forward than this. So I guess that's the moral of the story is yeah, don't do this. Don't do the one CSS for your whole site thing. Split it up. And I guess if you want to go a step further, look at the inlining thing. Yeah, that sounds like a fantastic takeaway. I feel like I stopped going to the cinema at some point and then I didn't fly so much. Or I started watching TV series on flights, so I've missed loads of movies. I've not seen any Matrix one yet either. I'd say it's better than the Seat Hall's not as good as the first one. That puts it in a fairly big area. Thank you.


Item No. SCP-029 Object Class Keter Special Containment Procedures SCP-029 is to be incarcerated in a classified containment cell. She is to be allowed access to nothing of a physical nature. Her containment cell is to be placed behind a triple airlock to avoid her escape. As of Incident 029-34-A, SCP-029 is no longer to be fed, as she does not appear to need sustenance to survive. They are to be three guards on duty at all times on her cell, and two guards on monitor duty. Floodlights have been installed in the walls of the containment chamber, and are to be on at all times. Once a month the chamber is to be cleaned and checked for defects. Under absolutely no circumstances are any men to encounter SCP-029 in any manner. Any males who do encounter SCP-029 are to be held under Class III detention for interviewing before termination. SCP-029 has requested a bed denied, a blanket denied, books denied, clothes denied.  The girl can't even have clothes. We are not animals. Let her cover herself. Dr. Erika Bodine Dr. Bodine, you are granted permission to deliver clothes to SCP-029. Dr. Light As of Incident 029-53b, anyone who has potential access to SCP-029 is required to first watch Surveillance Tape 029 Bodine, as a reminder of threats involved in working with SCP items and SCP-029 in particular. Description SCP-029 appears to be a pubescent female of Asiatic Indian descent. She appears to suffer from alopecia universalis. Over 80% of her pigmentation is the true black, while the rest of her skin has a complete lack of melanin, to the point of albinism. Her eyes are also a dark black in color. SCP-029 has severe homicidal tendencies and has displayed a remarkable ability to use any item as a weapon. However, she has a severe compulsion against shedding blood, preferring instead to strangle her victims. SCP-029 demonstrated dexterity and physical reactions four times as fast as the average human. SCP-029 has also displayed extensive resistance to damage of all forms. Both of these extrahuman abilities are greatly hampered in the presence of bright or direct light, natural or artificial. In addition, any males who come within the presence of SCP-029, an area defined by our current perception, find themselves playing through a will.  SCP-029 refers to herself as ██████, which roughly translates to daughter of darkness, daughter of shadows or daughter of night. Interviews with SCP-029 have proven difficult to conduct due to SCP-029's constant attempts to kill or convert all who speak with her.  SCP-029 was first brought to the Foundation's attention by an agent working in rural India. An attempt on his life led him to a small cult of men who claimed to be thuggies, in service to the daughter. Several weeks of investigation proved that they believed the world to be in the last years of the Kaliyuga, and that by sacrificing one million lives to the daughter of darkness, they could raise her goddess and end the world. They also believed that only sacrifices performed through strangulation added to this tally. This led the agent to their mountain fortress, where he discovered SCP-029. After the loss of said agent ██████, which ended in our acquisition of SCP-029. Addendum, seven years after capture, SCP-029 began showing anomalous growth in her black pigmentation. When questioned about it, she claimed her followers were on the move once more. Investigation led us to a concentration of so-called thuggies that had escaped our initial foray. After discovering that all of her followers were there for one of their holy days, a tactical airstrike was called in. When the first bomb dropped, SCP-029 awoke from slumber, screaming at the top of her lungs. SCP-029 continued to scream for the next four hours, ranting in raven that we were killing her people. Since said event, the growth of black pigmentation has stopped completely. Also since said event, SCP-029 has redoubled her efforts to escape.