

If you are not server-side rendering and using the Vue router, split the bundles by lazy loading routes. Otherwise, code-split using a third-party library such as loadable-components. If you are not server-side rendering, split your JavaScript bundles with React.lazy(). # Magentoĭisable Magento's built-in JavaScript bundling. # JoomlaĬonsider reducing, or switching, the number of Joomla extensions loading unused JavaScript in your page.

This tutorial will walk you step by step through the process. One of our students asked us how one can find Google code for a map of their location in order to embed a mag in an Article, so we created this tutorial for him. # DrupalĬonsider removing unused JavaScript assets and only attach the needed Drupal libraries to the relevant page or component in a page. Update: we highly recommend the OSEmbed extension for embedding code in Joomla. If you are using Angular CLI, include source maps in your production build to inspect your bundles. # Build tool for support for removing unused codeĬheck out the following Tooling.Report tests to find out if your bundler supports features that make it easier to avoid or remove unused code: The Coverage class in Puppeteer can help you automate the process of detecting unused code and extracting used code. Regular Labs offers you the best and highest rated Joomla extensions: Advanced Module Manager, Modals, Articles Anywhere, Modules Anywhere, Sourcerer en ReReplacer and many more. The Coverage tab in Chrome DevTools can give you a line-by-line breakdown of unused code.
CLICK MAP IN JOOMLA HOW TO
# How to remove unused JavaScript # Detect unused JavaScript Linky Map offers, additionally to Google Geochart global maps a custom jQuery vector map source. Other map source: Custom jQuery Vector Map. See the Lighthouse performance scoring post to learn how your page's overall performance score is calculated. You have the option to add a vector from a Joomla menu or directly from any editor using a button.
