

This has allowed the about:home development team to create sophisticated, reusable, and composable components that could be easily tested using modern JavaScript testing methods. Like the Firefox Developer Tools UI, about:home is written with the help of the React and Redux libraries. So while at first glance, this appears to be a static page of just images and text, rest assured that the page can do much more. Render information about the user’s recent activity (recent page visits, downloads, saves to Pocket, etc.).Access both high and normal resolution favicons.Show thumbnails for pages that the user has visited.Cause the URL bar to be focused and selected.The about:home page also has special privileges not afforded to normal websites. The page is also designed to be easy for our design and engineering teams to experiment with reorganizing the layout and composition of the page so that they can test variations on its layout in the wild. There are further complexities beyond user customization. The user can customize these things at any time, and any open copies of the page are expected to reflect those customizations immediately. Choose to have the Highlights composed of any of the following:.Change the number of rows in the Top Sites and Recommended by Pocket sections.Add or remove search engines from their Top Sites.Add their own custom Top Sites with custom thumbnails.Pin and unpin Top Sites to their positions.Reorganize the order of their Top Sites by dragging and dropping.It is designed to be customized by the user in the following ways: This page is actually quite sophisticated under the hood. Your about:home might look slightly different from the above - depending on your locale, it may or may not include the Pocket stories.ĭo not be fooled by what appears to be a very simple page of images and text. The fact that they have different addresses allows us to treat their loading differently. The about:home page is actually the same thing that appears when you open a new tab (about:newtab). In a default installation of Firefox, the first (and only) tab that loads is about:home 1. I’m going to describe the improvement, and how we went about integrating it. This blog post is about one of those improvements that is currently in the later stages of development. We’ve been evaluating and addressing these opportunities, and several have made it into the past few Firefox releases. Meticulous profiling of Firefox startup in various conditions has, thankfully, helped reveal a number of opportunities where we can make improvements. The launching of an application like Firefox is quite complex. Improving Firefox Startup Time With The about:home Startup Cacheįor the past year or so, the Firefox Desktop Front-End Performance team has been concentrating on making improvements to browser startup performance.
