University
Home
Search
⌘E
Dashboard
Try Webflow — it's free
Learn
Courses
Docs
Videos
Interactive Learning
Glossary
Certifications
Engage
Support
Community
Events
Forum
Accessibility
Switch to Light mode
Switch to Dark mode
High contrast
Glossary
Minified code

Minified code

Minified code refers to the process of removing unnecessary characters and whitespace from a source code file without affecting its functionality. This process is commonly applied to various types of code, such as HTML, CSS, and JavaScript, to optimize website performance. By compressing file sizes and reducing bytes being downloaded, minified code helps improve page loading times and enhances the overall user experience. 

Minification typically involves removing comments, extra spaces, line breaks, and other non-essential elements from the source code. It may also include shortening variable names and consolidating similar code blocks. The result is a more compact and efficient code that retains its original functionality while using fewer resources.

Webflow allows you to minify your HTML, CSS, or JavaScript files separately. Minifying your code can help your website load faster, delivering an improved user experience. Learn how to minify your site's code in Webflow University.

Relevant courses

Full site build

Learn how to design and develop a CMS-driven website built around the needs of your client and their audience — and execute a successful launch.

Landing page generator for Ryan Reynolds

Learn how to build a dynamic landing page generator in under 30 minutes.

Accessibility on the web

Learn about accessibility on the web and how to create inclusive and accessible sites without writing code.

Web animations with After Effects & Lottie

Create animations in Adobe After Effects — the industry standard for motion graphics. Embed and animate them in your Webflow site.

Interactions & animations course

Learn how to animate multiple elements managed on a single timeline — bring your designs to life with rich, sequenced interactions and animations.

Webflow 101

Introducing Webflow 101, the ultimate course to learn the fundamentals of web design and development.

Other glossary terms

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Document type definition (DTD)

→
A document type definition (DTD) defines the structure, validity, and attributes of standard generalized markup language (SGML) documents, such as GML, HTML, and XML.

Widget

→
A widget is an interactive element embedded in a user interface that facilitates specific user actions or displays important information at a glance.

Span text

→
The span tag is used to style inline-text.

Custom font

→
A custom font is any non-system-default typeface you manually upload to your website.

Width

→
Width defines how wide an element can be. This can be defined in absolute terms (pixels) or relative terms (ems, rems, percentages, viewport-height, or viewport-width).

Element

→
Elements are individual HTML components that constitute a webpage’s structure and contents.

Semantics

→
Semantics accurately represent the structure and purpose of content in computer languages, enabling web developers and programmers to ensure the written code produces an output legible to humans and machines.

Character encoding

→
Character encoding is the process of representing characters (such as “a” or “3”) in a particular way, such as text on a computer screen.

URL redirect

→
URL redirect, or URL forwarding, is a web server function that automatically sends users from one web address to another.

Product attribute

→
Product attributes are specific characteristics that define purchasable merchandise or commodities and provide relevant information to customers.

Base tag

→
The base tag specifies the base URL for all relative links within HTML code for a specific page or document.

Syntax

→
Syntax is the name for the rules specifying a programming language's structure and formatting.

Behavioral targeting

→
Behavioral targeting is a marketing technique that leverages user data to deliver personalized ads to drive conversions.

Last updated

→
The last time someone made a change to your site.

Media section

→
A section of the Add panel that holds multimedia elements like images, video, and Lottie animation.

Container

→
An element that contains content.

Save as Backup

→
The ability to manually save a version of your site that you can restore at a later date using the keyboard shortcut Command + Shift + S (on Mac) or Control + Shift + S (on Windows).‍

Website name

→
A website name, or domain, is the title of a website that appears in the browser tab and search engine results.

Maximum width (max width)

→
The “max-width” CSS property defines an element’s maximum width.

Unbranded form submission notification

→
Form submission notifications that have no reference to Webflow (e.g., notifications sent from “no-reply@webforms.io” instead of “no-reply@webflow.com”).

Deep copy

→
In programming, a deep copy is a replica of an object that doesn’t share the same references as the original. That way, if you make changes to the duplicate, the original stays the same.

Hit

→
A hit is a request to a web server from a browser for a specific resource.

Call stack

→
A call stack is an ordered list of the functions (or stack frames) a program has to execute before it returns a result.

Webclip

→
A 256 x 256 px image associated with your website that shows up when your website link is saved to an iPhone home screen.

Domain

→
A domain, or domain name, is the unique address that directs to a website on the internet.

Username

→
The ID used to log into your Webflow account.

Delete element

→
To remove an element and its content from your website.

Graphical User Interface (GUI)

→
A Graphical User Interface (GUI) is a visual medium that enables visual interaction with software applications or electronic devices through elements like icons, buttons, and menus.

Selector

→
A selector identifies and selects specific HTML elements to apply CSS styles to.

CRLF

→
On Windows-based systems, the sequence of two ASCII characters representing a line break in text files is called "Carriage Return, Line Feed," or CRLF.

Bottom bar

→
A bottom bar is a navigation bar at the bottom of an app or webpage.

Redo

→
To move forward one step while making changes to a Webflow site.

SSL

→
SSL (secure socket layer) is the standard method for establishing an encrypted link between a web server and a browser.

Tag

→
A Hypertext Markup Language (HTML) tag is a code snippet that defines and describes the structure and content of web pages.

Accessibility tree

→
A webpage’s accessibility tree indicates which parts of the page are compatible with assistive technologies such as braille displays, screen readers, and voice commands.

Utility pages

→
Utility pages are default, customizable templates for your site’s 404 page, Password page, and Search results page.

Idempotent

→
Idempotency is a computing principle where multiple applications of a function or operation produce the same result as a single execution.

Ciphertext

→
Ciphertext is unreadable, encrypted data that ciphers use for security during data transit.

Interpolation

→
Interpolation is a mathematical process that estimates and creates new values based on known values and their relationship.

Designer

→
The main interface where you can build sites.

SaaS

→
Software as a Service (SaaS) is a cloud-based approach to delivering software on a subscription basis without requiring local installation.

Drafted pages

→
You can exclude pages from being published to your site by setting them as drafts. These can be unfinished pages, internal pages such as style guides, archived pages saved for backup, etc. Learn more about drafted pages.

Descendant selector

→
A descendant selector is a CSS (Cascading Style Sheets) selector that targets elements nested inside a parent element.

Constant

→
In coding, a constant is a fixed value that can’t change, no matter where it appears or what the program uses it for.

Prefetch

→
Prefetch is a technique that proactively loads and caches resources to improve website performance and user experience.

Meta title

→
A meta title is an HTML element that defines a web page's title and appears in browser tabs and search snippets on search engine results pages (SERPs) as a clickable headline.

Static content

→
Static content is content that’s not bound to any Collections or dynamic elements.

Authorized applications

→
Third-party applications that you've given access to your personal and/or website data.

Compile

→
Compiling is the process of converting code from a high-level programming language into a low-level language that computers can understand.

Image

→
A Webflow element that displays graphical files on your website.

Top margin

→
Top margin is a CSS property that defines the space between the top edge of an element and its surroundings, such as other elements, the browser window, or the edge of a container.

Display: grid

→
The display: grid CSS property defines a website element (such as a button or header) as a grid container.

Typography

→
A section in the Add panel that houses typography elements such as headings and paragraphs.

Target

→
The currently selected element.

Design mode

→
The mode that enables a designer to build in Webflow.

Registrar

→
A registrar, or domain name server (DNS) registrar, manages the sale of domain names and the assignment of IP addresses, ensuring each domain’s uniqueness.

Color field

→
A color field specifies a graphical color picker or user interface for entering a color into a text field in a seven-character, hexadecimal format.

Fold

→
The fold distinguishes the visible portion of the webpage immediately visible to users without scrolling from the remaining content viewable by scrolling down.

Traffic

→
Traffic, or web traffic, refers to the number of users who visit a website over a period of time.

Sorting Collection lists

→
You can sort your Collection items in multiple ways — select the field from the Collection you wish to filter from, then select the ordering option.

User interface (UI)

→
A user interface (UI) is any visual element humans interact with on a device, webpage, or application.

Webflow branding

→
A visible “Made in Webflow” badge displayed in the bottom right corner of Webflow sites. Webflow branding also appears in the site’s HTML. Learn more about Webflow branding.

Help text

→
Help text is a user interface design element that provides additional information or guidance to users to clarify which content should go in a given Collection field.

Resource Description Framework (RDF)

→
The Resource Description Framework (RDF) is a standardized framework developed by the World Wide Web Consortium (W3C) that facilitates automated data exchange between web systems and applications.

Workspace plan

→
A Webflow plan that applies to your entire Workspace.

Domain-Specific Language (DSL)

→
A Domain-Specific Language (DSL) is computer script that solves software problems in a specific domain.

Common targets

→
All elements on the page targeted by the same selector.

Cloneable site

→
Cloneable sites are open source (made available under the CC0 (“no rights reserved”) license). When you enable cloning, you allow any user to copy, modify, and use any part of your site for personal or commercial purposes.Sites with cloning turned off do not give others access to copy your site or open it in the Designer.

Sitemap URL

→
The location your sitemap is stored in relation to your site, and what’s used when submitting your sitemap to search engines.

Flex child

→
An element contained within a parent element that has display: flex set.

Tabs

→
A Webflow component that displays a pane of content associated with a tab menu button.

Export

→
A downloadable ZIP file that contains your Webflow site's HTML, CSS, JS, and image files.

Pages panel

→
A panel in the left toolbar where you can add static pages and folders to your Webflow site. You can also manage and access Utility pages and Collection pages.

Right padding

→
The inside spacing between the right border of an element and the elements inside it.

Receipt emails

→
Email confirmations you receive upon making Webflow payments.

Email template

→
Email templates — or pre-designed HTML layouts — ensure consistent branding and visual aesthetic in marketing campaigns.

Inline style

→
Inline style applies CSS to an individual HTML element using the "style" attribute within the HTML tag.

Total Site Pages

→
The amount of pages your site currently has.

Total Form Submissions

→
The amount of times a site visitor submits data using your site's form(s).

Canvas

→
The <canvas> tag in HTML5 creates a container for dynamic graphics and image rendering on a webpage.

Display: flex

→
The most flexible display property in CSS is the aptly named display: flex, which allows you to create flexible layouts with elements that you can align and distribute vertically or horizontally.

Flex-shrink

→
The flex-shrink CSS property defines how much an element shrinks relative to other flexible items inside the same parent element.

Left margin

→
Left margin is a CSS property that defines the space between an element's left edge and its surroundings.

Free plan

→
The perfect Webflow subscription for getting started, giving you access to all Designer features, so you can start building a site right away.

Profile settings

→
The area where you can manage your profile, email settings, and security settings.

Made in Webflow

→
Made in Webflow showcases Webflow sites made by individuals and teams.

Password protection

→
Password protection is a security feature restricting certain website areas to authorized users, requiring a secret phrase or key to access them.

Entity

→
An entity is a representation of a special character that causes syntax conflicts in HTML (Hypertext Markup Language).

Dither

→
Dithering is a design technique that simulates additional colors on a display to smooth transitions in images with limited color palettes.

X-Ray mode

→
A grayscale view of your site’s canvas that visually displays each element’s border, margin, and padding when hovered over.

Publish destination

→
The specific domain or subdomain where your Webflow site is displayed.

Subdomain indexing

→
When a search engine crawls your site's Webflow subdomain (e.g., your-site.webflow.io).

Collection field

→
An individual field within a Collection. You'll select which fields to display in dynamic Collection lists and Collection pages.

Ligature

→
A ligature in typography groups adjacent letters or characters into one glyph.

Plain text field

→
A plain text field is an input field for short-form text without formatting or styling.

Array

→
An array is an ordered, random-access collection of data. This data can be either primitive or object, depending on the coding language.

Collection item

→
An individual item within a Collection. For example, in a “Blog Posts” Collection, the Collection items are individual blog posts.

Parent

→
The element directly above in the hierarchy tree.

Left toolbar

→
The vertical bar of tools on the left side of the Webflow Designer. It holds the Add panel, Symbols panel, Navigator panel, Pages panel, CMS panel, Ecommerce panel, Assets panel, Settings panel, Site Activity log, Audits, Search, Video tutorials, and Help.

ASCII

→
The American Standard Code for Information Interchange (ASCII) is an encoding standard that assigns numerical values to characters and translates them into computer-readable code.
Hmm…we couldn’t find any results. Try a different search term or reset the filter.
Reset the filter
Load more