Dev Depot: Helium Tests for Unused CSS

Whether your website is a work in progress or fresh from the designer, it is likely to contain unused coding, which can be difficult to manually identify and track down. Helium (www.github.com/geuis/helium-css), a JavaScript based tool for discovering unused CSS across many pages on a website, runs from within the user’s web browser and makes it easy to develop more accurate, less cluttered CSS code; free from unsightly digital debris that often surrounds “let’s try this and see what happens” coding practices.

According to its publisher, Helium accepts a list of URLs for different sections of a website and then loads and parses each page to build up a list of all required style sheets. Helium then visits each of the pages in the URL list to check if the selectors found in the CSS style sheets are actually used on the pages referencing those style sheets.

Helium, a JavaScript based tool for discovering unused CSS across many pages on a website, runs from within the user’s web browser and makes it easy to develop more accurate, less cluttered CSS code.

Next, Helium generates a report that details the results of each style sheet analysis and which of the selectors were not found to be used on any of the scanned web pages, allowing those selectors to be pruned from the site’s coding.

The publisher notes that it is important to only run Helium on a local, development, or otherwise privately accessible version of your website, because if you run this on your public site, all of its visitors will be able to see the Helium test environment.

Setting the script up is easy and takes only a few minutes.

Helium’s publisher advises adding the script element somewhere on your site that is loaded into every page slated to be tested, such as an included header or footer section, and then initializing it via the provided “helium.init()” coding, which is placed where it will be called after the tested page loads.

Upload the helium.js file and you are ready to go.

The next time your site loads, there will be a box with an HTML textarea where the URL list is input in a line separated format. Click the “start” button to begin the process and each URL will be analyzed, with a report presented when the testing is completed.

This report lists each style sheet URL that was detected, and then under each sheet, the report lists the CSS selectors that were not detected as being used on any page.

These selectors are color-coded, with green showing unmatched selectors that were not detected as being used, along with black text for matched selectors that are grouped with non-matched selectors and red malformed selectors.

Pseudo-class selectors such as “.div:hover” or “input:focus” are indicated in blue and must be manually tested as these selectors require user interaction to activate, preventing Helium from simulating the interactions to test their availability.

Helium reportedly works with any modern web browser that supports Local- Storage and document.querySelector functions; although the publisher is adamant about ignoring support for troublesome Internet Explorer variants and warns of several important issues.

For example, there is no support for cross-domain style sheets, since Helium has to first load your site’s style sheets via an XHR process before parsing the selectors to test. This process restricts tested style sheet URLs to those on the same domain as the pages being tested; and while there is currently no backend server setup to proxy test requests, the publisher stated that this might be an option for the future.

Other future possibilities (but current roadblocks) include a lack of XML support and intolerance of any JavaScript errors on tested pages.

If you are looking for ways to optimize the efficiency and load times of your website, then clearing out the clutter of unused coding is a good place to start — and Helium will give you a free way to begin. Check it out and see if it works for you.

Related:  

Copyright © 2024 Adnet Media. All Rights Reserved. XBIZ is a trademark of Adnet Media.
Reproduction in whole or in part in any form or medium without express written permission is prohibited.

More Articles

opinion

To Cloud or Not to Cloud, That Is the Question

Let’s be honest. It just sounds way cooler to say your business is “in the cloud,” right? Buzzwords make everything sound chic and relevant. In fact, someone uninformed might even assume that any hosting that is not in the cloud is inferior. So what’s the truth?

Brad Mitchell ·
opinion

Upcoming Visa Price Changes to Registration, Transaction Fees

Visa is updating its fee structure. Effective April 1, both the card brand’s initial nonrefundable application fee and annual renewal fee will increase from $500 to $950. Visa is also introducing a fee of 10 cents for each transaction, and 10 basis points — 0.1% — on the payment volume of certain merchant accounts.

Jonathan Corona ·
opinion

Unpacking the New Digital Services Act

Do you hear the word “regulation” and get nervous? When it comes to the EU’s Digital Services Act (DSA), you shouldn’t worry. If you’re complying with the most up-to-date card brand regulations, you can breathe a sigh of relief.

Cathy Beardsley ·
opinion

The Perils of Relying on ChatGPT for Legal Advice

It surprised me how many people admitted that they had used ChatGPT or similar services either to draft legal documents or to provide legal advice. “Surprised” is probably an understatement of my reaction to learning about this, as “horrified” more accurately describes my emotional response.

Corey D. Silverstein ·
profile

WIA Profile: Holly Randall

If you’re one of the many regular listeners to Holly Randall’s celebrated podcast, you are already familiar with her charming intro spiel: “Hi, I’m Holly Randall and welcome to my podcast, ‘Holly Randall Unfiltered.’ This is the show about sex, the adult industry and the people in it.

Women In Adult ·
trends

What's Hot Now: Leading Content Players on Trending Genres, Monetization Strategies

The juggernaut creator economy hurtles along, fueled by ever-ascendant demand for personality-based authenticity and intimacy — yet any reports of the demise of the traditional paysite are greatly exaggerated.

Alejandro Freixes ·
opinion

An Ethical Approach to Global Tech Staffing

One thing my 24-year career as a technologist working to support the online adult entertainment industry has taught me about is the power of global staffing. Without a doubt, I have achieved significantly more business success as a direct result of hiring abroad.

Brad Mitchell ·
opinion

Finding the Right Payment Partner

Whenever I am talking with businesses that are just getting started, one particular question comes up a lot: “How do I get a merchant account?” It’s a simple question, but it has a complicated answer.

Jonathan Corona ·
opinion

The Taxman Cometh for Every Business

February may be the month of romance, but it is also a time when we need to think about something that inspires very little love: taxes. April is not far away, and the taxman is always waiting. This year, federal and most state income taxes are due Monday, April 15.

Cathy Beardsley ·
opinion

The Continuous Journey of Legal Compliance in Adult

The adult entertainment industry is teeming with opportunity but is also fraught with challenges, from anticipating consumer behavior to keeping up with technological innovation. The most labyrinthine of all challenges, however, is the world of legal compliance.

Corey D. Silverstein ·
Show More