Do these 3 things before closing this tab:
1Fix the driver behind crashes, sound loss and screen glitches2Repair Windows errors before they cause bigger problems3Scan for outdated or missing drivers - takes under a minuteA browser engine is the software that interprets web content and turns HTML, CSS, JavaScript, images, and other resources into an interactive page. It parses documents, applies styles, calculates layout, paints content, composites layers, handles events, and coordinates with scripting and browser APIs.
The three principal modern browser-engine families are Blink, Gecko, and WebKit. Blink powers Chromium and many Chromium-based browsers, Gecko powers Firefox, and WebKit powers Safari and several other Apple applications. Their associated JavaScript engines are V8, SpiderMonkey, and JavaScriptCore respectively.
The term can be confusing because a complete browser is much more than its engine. Chrome, Firefox, Safari, Edge, Brave, and Opera are browser products or projects; Blink, Gecko, and WebKit are engine families. A search engine is something different again: it indexes and retrieves information, while a browser engine interprets and displays web content.
What is a browser engine?
A browser engine, also called a rendering engine or layout engine, is the part of a browser stack responsible for understanding web documents and producing the page a user can see and interact with.
Popular on Amazon
- Ergonomic Posture Correction: Designed to elevate your laptop to the perfect eye level, this adjustable laptop stand significantly reduces neck, shoulder, and spinal fatigue. Transform your desk into a healthier workstation, ideal for long hours of typing, Zoom meetings, or gaming.
- Unshakable Dual-Rod Stability: Unlike single-hinge models, our stand features a highly engineered dual-support rod mechanism. It perfectly distributes weight to ensure a 100% wobble-free typing experience, safely supporting heavy-duty devices up to 22 lbs (10kg).
- Advanced Thermal Cooling Panel: Maximize your device's performance. The unique geometric heat-vent design on the upper panel provides superior airflow compared to standard solid stands. This continuous heat dissipation prevents your laptop from thermal throttling and hardware damage during intensive tasks.
- Universal 10-16” Compatibility: A versatile computer riser that seamlessly fits all 10 to 16-inch laptops. Broadly compatible with MacBook Pro/Air, Dell XPS, HP, Lenovo, ASUS, Chromebook, and large gaming laptops. The anti-slip silicone pads firmly grip your device and protect it from scratches.
- Foldable, Portable & Ready to Go: Maximize your productivity anywhere. The dual-foldable design allows the stand to collapse completely flat in seconds. Easily slip it into your backpack or briefcase, making it the ultimate portable office accessory for business trips, cafes, or hybrid work setups.
At a simplified level, the engine:
- parses HTML into a document structure, commonly represented through the DOM;
- parses CSS and determines which styles apply to each element;
- calculates the size and position of elements through layout;
- creates paint instructions for text, backgrounds, borders, images, and other content;
- composites portions of the page into the final display output;
- coordinates with JavaScript, media, graphics, accessibility, storage, and other browser APIs; and
- repeats the necessary work when a script, user action, network response, animation, or window resize changes the page.
This is a conceptual description, not a claim that every browser has one small component performing each task in a fixed order. Modern engines are large platforms with multiple subsystems, threads, processes, caches, optimizations, and operating-system integrations. Some responsibilities that people casually attribute to the engine may instead belong to the wider browser stack.
Browser engine versus complete browser
A browser is the user-facing application built around an engine. It normally includes:
- the window, address bar, tabs, menus, and navigation controls;
- bookmarks, history, downloads, settings, and synchronization;
- cookies, permissions, cache, and other storage management;
- networking and handling of certificates, proxies, and connections;
- security policies, sandboxing, and process management;
- extensions and developer tools;
- accessibility, printing, notifications, and operating-system integration; and
- the engine and its JavaScript or WebAssembly runtime.
Chromium illustrates the distinction. Its browser process manages browser-level functions, while renderer processes use Blink to interpret and lay out web content. WebKit’s WebKit2 architecture likewise separates major responsibilities into UI, WebContent, and networking processes. The exact boundaries vary by project and platform, but the principle is the same: Blink is not all of Chromium, and WebKit is not Safari itself.
| Term | What it means | Examples |
|---|---|---|
| Browser | A complete application for visiting and interacting with websites. | Chrome, Firefox, Safari, Edge, Brave, Opera |
| Browser engine | The web-platform and rendering technology that interprets documents and produces interactive output. | Blink, Gecko, WebKit |
| JavaScript engine | The runtime that executes JavaScript and, in some cases, WebAssembly. | V8, SpiderMonkey, JavaScriptCore |
| Search engine | A service that indexes and retrieves information from the web. | A search provider used through a browser |
Several browsers can therefore share one engine while differing significantly in privacy controls, interface, extension support, update schedule, enterprise policies, account features, and operating-system integration. Conversely, a single browser product can use different technologies in special contexts, so the engine relationship should be checked for the relevant product, platform, and release.
What’s actually slowing this PC down?
Pick the symptom - the matching free tool is one click away.
The three principal modern browser-engine families
1. Blink
Blink is the rendering engine used by Chromium. In the Chromium source tree, Blink is primarily associated with the src/third_party/blink directory. It began as a fork of WebKit’s WebCore, but it is now a separate engine project with its own development and implementation choices.
Chrome and many other Chromium-based browsers use Blink. A Chromium-based browser may add its own user interface, account system, privacy features, synchronization, enterprise controls, or other services, but those additions do not automatically make it a different engine. The accurate description is usually that the product is a browser built on Chromium and uses Blink for web-content rendering.
Blink’s principal JavaScript and WebAssembly partner is V8. V8 is also used outside traditional browsers, including by Node.js, and can be embedded in C++ applications. That separate use demonstrates why V8 should not be treated as a synonym for Blink or Chromium.
2. Gecko
Gecko is Mozilla’s web engine and powers Firefox on desktop and Android. Mozilla’s description of Gecko covers a broad platform: HTML parsing and rendering, the DOM, style resolution, layout, graphics, networking, JavaScript, WebIDL, inter-process communication, and operating-system widget abstractions.
Gecko’s JavaScript engine is SpiderMonkey. SpiderMonkey is integrated into Gecko for web content and is also used by parts of Firefox itself. As with Blink and V8, the engine and runtime are closely connected but are not the same component.
Gecko’s scope shows why the phrase rendering engine can be misleading if interpreted too narrowly. A modern browser engine is not merely a routine that draws pixels. It is part of a web-platform implementation that must connect document behavior, scripting, input, security boundaries, graphics, networking, and application processes.
Also popular on Amazon
- 【Adjustable & Ergonomic】：This laptop stand can be adjusted to a comfortable height and angle according to your actual needs, letting you fix posture and reduce your neck fatigue, back pain and eye strain. Very comfortable for working in home, office and outdoor.
- 【Sturdy & Protective】 ：Made of sturdy metal, it can support up to 17.6 lbs (8kg) weight on top; With 2 rubber mats on the hook and anti-skid silicone pads on top & bottom, it can secure your laptop in place and maximum protect your device from scratches and sliding. Moreover, smooth edges will never hurt your hands.
- 【Heat Dissipation】 ：The top of the laptop stand is designed with multiple ventilation holes. The open design offers greater ventilation and more airflow to cool your laptop during operation other than it just lays flat on the table.
- 【Portable & Foldable】：The foldable design allows you to easily slip it in your backpack. Ideal for people who travel for business a lot.
- 【Broad Compatibility】：Our desktop book stand is compatible with all laptops from 10-15.6 inches, such as MacBook Air/ Pro, Google Pixelbook, Dell XPS, HP, ASUS, Lenovo ThinkPad, Acer, Chromebook and Microsoft Surface, etc.Be your ideal companion in Home, Office & Outdoor.
3. WebKit
WebKit is an open-source, cross-platform web engine used by Safari and by other applications on Apple platforms, including Mail, Books, News, and the App Store. WebKit’s own project terminology distinguishes the engine from a browser.
WebKit includes WebCore, which handles much of the document, style, layout, and rendering stack, and JavaScriptCore, its JavaScript engine. JavaScriptCore implements ECMAScript and uses several execution levels, including an interpreter and multiple just-in-time compilation tiers.
WebKit also has ports for platforms beyond Apple devices. WPE WebKit is an embedded-oriented port intended for accelerated web content on smaller or specialized devices. That makes WebKit relevant not only to traditional desktop and mobile browsers but also to applications and embedded systems.
JavaScript engines are not browser engines
A JavaScript engine executes JavaScript code. It may also execute WebAssembly. A browser engine has to do much more: connect scripts to the DOM, CSS, layout, rendering, events, storage, networking, permissions, security rules, and browser processes.
| Browser stack | Browser engine | JavaScript/WebAssembly engine |
|---|---|---|
| Chromium and Chromium-based browsers | Blink | V8 |
| Firefox | Gecko | SpiderMonkey |
| Safari and WebKit-based applications | WebKit | JavaScriptCore |
This distinction matters when interpreting performance claims. A JavaScript benchmark primarily tests script execution under a particular workload. It does not measure the entire browser engine. A real page may spend more time downloading resources, parsing HTML, calculating styles, performing layout, painting, compositing, decoding media, waiting on storage, or scheduling work across processes than executing JavaScript.
Types of browser engines by technical role
There is no single official list of browser-engine types. The word type can describe what an engine does, where it is used, or how it is organized. The following categories overlap rather than exclude one another.
Free tools Windows power users keep installed
One-click scans. No signup required.
Layout and rendering engines
This is the conventional meaning of browser engine. A layout and rendering engine parses HTML and CSS, builds internal document and style structures, calculates geometry, and produces painted output. Blink, Gecko, and WebKit all belong to this category.
Full web-platform engines
Production engines generally implement a much wider platform around rendering. Depending on the project’s internal boundaries, that platform may include DOM APIs, networking hooks, scripting integration, media, graphics, storage interfaces, accessibility, security mechanisms, and inter-process communication.
Calling Gecko, Blink, or WebKit only a layout engine can therefore understate their responsibilities. At the same time, it is useful to remember that the browser application still supplies important features around the engine, such as tabs, account services, downloads, permissions UI, and much of the process policy.
JavaScript and WebAssembly engines
V8, SpiderMonkey, and JavaScriptCore are scripting engines within larger browser stacks. They parse and execute code, optimize frequently executed paths, manage memory, and expose integration points to the browser engine. They do not independently provide a complete browser window, HTML layout system, CSS implementation, or browser security model.
Also popular on Amazon
- 【Adjustable & Ergonomic】：This laptop stand can be adjusted to a comfortable height and angle according to your actual needs, letting you fix posture and reduce your neck fatigue, back pain and eye strain. Very comfortable for working in home, office and outdoor.
- 【Sturdy & Protective】 ：Made of sturdy metal, it can support up to 17.6 lbs (8kg) weight on top; With 2 rubber mats on the hook and anti-skid silicone pads on top & bottom, it can secure your laptop in place and maximum protect your device from scratches and sliding. Moreover, smooth edges will never hurt your hands.
- 【Heat Dissipation】 ：The top of the laptop stand is designed with multiple ventilation holes. The open design offers greater ventilation and more airflow to cool your laptop during operation other than it just lays flat on the table.
- 【Portable & Foldable】：The foldable design allows you to easily slip it in your backpack. Ideal for people who travel for business a lot.
- 【Broad Compatibility】：Our printer stand is compatible with all laptops from 10-15.6 inches, such as MacBook Air/ Pro, Google Pixelbook, Dell XPS, HP, ASUS, Lenovo ThinkPad, Acer, Chromebook and Microsoft Surface, etc.Be your ideal companion in Home, Office & Outdoor.
Embedded and application web engines
An embedded engine is packaged into another application or device instead of being exposed only through a conventional browser. WebKit explicitly supports browsers and other applications, WPE WebKit targets embedded use cases, and V8 can be embedded into a C++ application independently of Chrome.
Embedded deployments often prioritize different trade-offs from desktop browsers: small footprint, startup time, predictable updates, hardware acceleration, limited memory use, custom controls, or integration with a device’s input and display systems. An application using an embedded web engine may not provide every feature available in a full browser.
Educational and minimal engines
Small browser engines are useful for learning how networking, document parsing, layout, painting, and interaction fit together. Web Browser Engineering, for example, builds a basic browser while explaining browser components and modern-browser concepts. Such an implementation is valuable for education, but it is not a production replacement for Blink, Gecko, or WebKit: a real browser must address a far larger standards surface, security model, performance problem, and compatibility burden.
Types by process and execution architecture
Single-process designs
In a single-process design, the browser interface, web-content handling, and much of rendering run in one process. This can reduce inter-process communication and simplify a small implementation. The trade-off is weaker fault containment: a crash or serious defect in web content can more easily affect the whole application, and isolating untrusted sites is more difficult.
Recommended Free Tools
Multi-process designs
Modern production browsers commonly separate the browser interface and privileged services from web-content processes. A renderer process can handle content while the browser process manages higher-privilege operations. If one page crashes, the browser may be able to keep its interface and other pages running; process separation can also support sandboxing and site isolation.
Chromium documents a browser process and renderer processes, with Blink operating in the renderer side of the architecture. Firefox uses a multi-process model and has developed site-oriented isolation through its Fission work. WebKit’s WebKit2 architecture documents UI, WebContent, and networking processes.
The precise arrangement depends on the browser, operating system, site-isolation policy, available memory, active features, and current release. A browser may place several tabs in one process, use multiple processes for one site, or change its process allocation under memory pressure. Multi-process describes application architecture; it is not a fourth rendering-engine family.
Hardware-accelerated and composited engines
Production engines commonly divide rendering into stages such as layout, painting, compositing, and graphics submission. Portions of a page may be represented as layers so that scrolling, transforms, video, or animations can be updated efficiently. Some work can use GPU-backed paths, but it is inaccurate to say that all page drawing is performed by the GPU.
The division changes as engines are optimized. Whether a particular effect is accelerated depends on the engine version, operating system, graphics hardware, driver, page structure, and feature. Hardware acceleration can improve responsiveness, but it can also expose driver bugs, consume resources, or behave differently on constrained devices.
Parallel and concurrency-oriented engines
Some experimental and research projects investigate parallelism, concurrency, and memory safety as fundamental parts of browser architecture. Servo is an example of a research browser-engine project exploring a parallel and memory-safe design. It is useful for understanding alternative architectures, but it should not be presented as one of the three principal mainstream engines without current evidence of broad production deployment.
How a browser engine turns a page into an interface
The following pipeline is a useful teaching model. Real engines stream and preload resources, perform work incrementally, defer some operations, run tasks on different threads and processes, and repeat stages when the page changes.
Also popular on Amazon
- Wide Compatibility: The laptop stand for desk is compatible with all laptops from 10" up to 17.3", including popular models like MacBook, MacBook Air, MacBook Pro, Surface Laptop, Dell XPS, Google Pixelbook, HP, ASUS, Acer, Chromebook, Alienware, etc.
- Adjustable & Portable Design: The laptop riser can be easily adjusted to comfortable height and angle based on your actual need. Besides, you also can fold the laptop stand up to carry around for travel and business trips or store it in your laptop bag.
- Upgrade Large Base: Made of high-quality aluminum alloy, the larger heavier base greatly improves the stability of the notebook stand. The laptop stand will never shaking, sliding and falling when you type on your laptop with this notebook holder.
- Ergonomic Design: The MacBook air pro stand holder works as a raiser to elevate the laptop screen to your eye level. The office computer stand let you fix posture and relieves neck, shoulder and spinal pain, it's very comfortable for working at home, office and outdoor, make typing more easier.
- Heat Dissipation: The multiple ventilation holes offers better ventilation and more airflow to cool your laptop and prevent from overheating and crashes. Anti-skid silicone and smooth edge can protects your laptop from sliding and scratches.
- Obtain resources. The browser requests HTML, CSS, JavaScript, images, fonts, media, and other resources. Networking, caching, security checks, and prioritization affect when each resource becomes available.
- Parse HTML. The engine converts the incoming markup into an internal document representation, commonly exposed to scripts through the DOM. Parsing can continue while additional resources are discovered.
- Parse and match CSS. Stylesheets are parsed into rules. The engine determines which rules apply to which elements, resolves inheritance and the cascade, and calculates computed styles.
- Calculate layout. The engine determines the geometry of boxes and other objects: their sizes, positions, line breaks, relationships, and visibility within the layout model.
- Paint the page. The layout result becomes drawing instructions for text, colors, borders, images, shadows, and other visual content.
- Composite the output. The browser combines painted content and composited layers into the result presented by the display system. Scrolling and animations may allow some updates without rebuilding every part of the page.
- Execute scripts and respond to events. The JavaScript engine runs scripts that can modify the DOM, styles, canvas, storage, or application state. User input, timers, network responses, media events, and observers can schedule more work.
- Repeat changed stages. A DOM or style change may require new style calculation, layout, painting, compositing, or only a smaller subset of those operations. The cost depends on the change and the page.
For example, changing an element’s width can affect its own layout and the position of surrounding content, potentially leading to additional painting. Changing an opacity or transform may be handled more cheaply in some circumstances through compositing. The exact result is engine- and situation-dependent, so these examples should not be treated as universal performance rules.
Windows Errors? Fix Them Before They Spread
Repair common Windows errors and clear accumulated junk for a smoother, more stable PC - no reinstall needed.Free scan · no reinstallOutdated Drivers Are Slowing You Down
One free scan finds every outdated or missing driver and matches the right update for your exact hardware.Free scan · exact hardware matchWhy the engine matters
Compatibility
Web standards provide common rules, but support can differ by engine version, operating system, flags, vendor policy, and the maturity of a particular specification. A feature may be implemented, partially implemented, disabled in a specific context, or affected by platform restrictions.
For developers, the practical solution is to test important behavior across Blink, Gecko, and WebKit rather than assume that one browser represents the entire web. Cross-engine testing matters especially for new CSS, media playback, graphics, fonts, scrolling, input, accessibility, privacy-sensitive APIs, and features whose specifications are still evolving.
Performance
There is no permanently fastest browser engine. Results depend on the workload, browser and engine version, operating system, processor, graphics hardware, memory pressure, network conditions, caching, power settings, and the page’s own code. A browser that performs well on a JavaScript-heavy application may not lead on a graphics-heavy page, a media workload, or a low-power device.
When comparing performance, use workload-specific and version-specific measurements. Treat a single JavaScript benchmark as evidence about that benchmark, not as a universal ranking of complete browsers.
Quick wins for a faster PC:
Fix the driver behind crashes, sound loss and screen glitchesFind Drivers →Repair Windows errors before they cause bigger problemsFix Now →Privacy, security, and platform behavior
The engine participates in security boundaries, origin rules, permissions, scripting restrictions, storage behavior, and media or graphics capabilities. However, the complete privacy and security experience also depends heavily on the browser product around it: its defaults, tracking protections, sandbox configuration, update process, account services, extension policies, and user interface.
Two browsers sharing Blink can therefore offer meaningfully different privacy controls or security policies. Conversely, changing browsers may not change the underlying rendering engine if both products are based on the same engine family.
Independent reader supportYour contribution helps us test, update, and keep practical guides available for everyone.How to think about browser brands and engines
The following is a useful broad mapping for common desktop and mobile products:
- Chrome and Chromium-based browsers: generally use Blink for rendering and V8 for JavaScript and WebAssembly.
- Firefox: uses Gecko and SpiderMonkey.
- Safari: uses WebKit and JavaScriptCore.
This is a family-level explanation, not a substitute for checking a particular release and platform. Vendors may use different technology in special environments, and a browser’s user interface, networking, security services, and other components remain separate from the engine.
The Tool Desk
Outbyte Driver Updater FREEScan for outdated or missing drivers - takes under a minuteDriver Scan →Outbyte PC Repair FREEClear out junk files and repair common Windows errorsFree Scan →Do not identify an engine solely from a user-agent string. User-agent strings can contain compatibility tokens and may not reliably identify the product or its implementation. When you are writing web software, prefer feature detection and current compatibility data. For example, test whether a required API exists or whether a CSS feature is supported, then provide a fallback when practical.
Also popular on Amazon
- ✔️[Foldabe & Protable] - Foldable laptop stand for desk & Protable computer stand, It combines the advantages of market brackets, convenient travel laptop stand. Easy to use. Suitable for working at home, office and outdoor, improve comfort.
- ✔️[360°Rotation] - The computer stand with 360° rotating base, 360° rotation connected with the base is more flexible, the computer stand allows you to rotate the laptop to any angle.
- ✔️[Stable & Durable] - The Computer stand is made of one-piece fiber metal material, which is more durable and stable than ordinary aluminum alloy computer stands. The upgraded rotating base makes the stand performance more stable, and the non-slip silicone protects the laptop from sliding.Only supports laptops up to 16 inches.
- ✔️[Ergonmic Desing] - You can freely adjust the height and angle of the laptop stand to keep it at eye level, which helps to reduce the pressure on your body while working. Whether sitting or standing, there is a comfortable angle.
- ✔️[Wide Compatibility] - Our laptop stand is compatible with all laptops from 10-16 inches, such as MacBook Air/Pro, Google PixelBook, Dell XPS, HP, ASUS, Lenovo ThinkPad, Acer, Chromebook and Microsoft Surface, etc. It is an ideal companion for computer workers.
Historical browser-engine families
The modern engine landscape is narrower than the historical one. Important earlier or discontinued families include:
- Trident: Microsoft’s engine associated with Internet Explorer.
- Presto: Opera’s earlier engine before the browser moved to Chromium-based technology.
- KHTML: KDE’s engine, which provided important foundations for WebKit.
Historical descriptions need dates because browser products, ownership, implementation strategies, and deployment status have changed. A browser brand that once represented an independent engine may now use a different engine, and an engine that remains important as a code or architectural ancestor may no longer be independently maintained as a mainstream product.
Common misconceptions
- Chrome is a browser engine.
- Chrome is a complete browser. It uses Blink for web-content rendering and V8 for JavaScript and WebAssembly.
- Chromium and Blink are the same thing.
- Chromium is a browser project and broader platform. Blink is its rendering engine; Chromium also includes browser-process code, networking, sandboxing, media, UI-related components, and other systems.
- V8 is Blink.
- V8 executes JavaScript and WebAssembly. Blink handles document and rendering work around it.
- WebKit is Safari.
- Safari is a browser. WebKit is an engine used by Safari and by other applications.
- A JavaScript benchmark ranks browser engines overall.
- It measures a scripting workload. It does not fully measure networking, HTML and CSS processing, layout, painting, compositing, storage, media, or process scheduling.
- Multi-process means a browser has multiple rendering engines.
- It means the application separates work among processes. A browser can be multi-process while using one primary rendering engine.
Further reading for learning browser internals
Readers who want to go beyond terminology can use Web Browser Engineering, a browser architecture book that builds a simplified browser while explaining document handling, rendering, and other browser components. It is best approached as a practical educational introduction: real engines contain far more standards support, optimization, security work, and platform-specific code.
Quick wins for a faster PC:
Scan for outdated or missing drivers - takes under a minuteDriver Scan →Clear out junk files and repair common Windows errorsFree Scan →Fix the driver behind crashes, sound loss and screen glitchesFind Drivers →Disclosure: If a retailer link is added to this recommendation, this site may earn a commission from a qualifying purchase.
Frequently Asked Questions
Is V8 a browser engine?
No. V8 is a JavaScript and WebAssembly engine used in Chromium-based browsers and in applications such as Node.js. Blink is the rendering engine in the Chromium stack; the complete browser also includes many other components.
Which browser engines do Chrome, Firefox, and Safari use?
Chrome generally uses Blink, Firefox uses Gecko, and Safari uses WebKit. Their associated JavaScript engines are V8, SpiderMonkey, and JavaScriptCore. The exact relationship should be checked for unusual products, platforms, or releases.
Can two browsers use the same browser engine?
Yes. Many browser products are built on Chromium and therefore use Blink, while adding their own interface, privacy controls, synchronization, policies, and other features. Sharing an engine does not make two browsers identical.
Crashes, No Sound, or Screen Glitches?
Random freezes, missing sound and display glitches usually trace back to one bad driver. Find and replace yours safely.Free scan · under a minuteWindows Errors? Fix Them Before They Spread
Repair common Windows errors and clear accumulated junk for a smoother, more stable PC - no reinstall needed.Free scan · no reinstallWhy should developers test more than one browser engine?
Standards support can vary by engine version, operating system, flags, vendor policy, and specification maturity. Testing Blink, Gecko, and WebKit is especially important for new CSS, media, graphics, accessibility, input, and privacy-sensitive web APIs.
The Bottom Line
A browser engine is the web-platform machinery that turns resources into an interactive page; a browser is the complete application built around that machinery. Blink, Gecko, and WebKit are the principal modern engine families, while V8, SpiderMonkey, and JavaScriptCore handle JavaScript and WebAssembly. Understanding that distinction makes browser compatibility, performance testing, architecture, and product comparisons much easier.
Quick Recap
Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply.
