Run 1 summary

https://www.proantic.com/

Tested 2026-04-06 01:37:01 using Chrome 132.0.6834.83 (runtime settings).

SummaryWaterfall MetricsVideoFilmstrip CoachPageXrayCPU Third partyScreenshotsaxe

Summary

MetricValue
Page metrics
Performance score97
Total page size783.0 KB
Requests33
Timing metrics
TTFB849 ms
First Paint1.119 s
Fully Loaded1.242 s
Google Web Vitals
TTFB849 ms
First Contentful Paint (FCP) 1.119 s
Largest Contentful Paint (LCP) 1.119 s
Cumulative Layout Shift (CLS) 0.00
112 ms
CPU metrics
CPU long tasks2
CPU last long task happens at1.008 s
Visual Metrics
First Visual Change1.133 s
Speed Index1.136 s
Visual Complete 85%1.133 s
Visual Complete 99%1.233 s
Last Visual Change1.233 s
Screenshot
| Waterfall | | Download HAR | 

Waterfall

| Video | Download | 

Video

Download video
| Filmstrip | 

Filmstrip

Use--filmstrip.showAll to show all filmstrips.

0 s
0.9 sCPU Long Task duration 99 msDOM Content Loaded Time 897 ms
1.1 sCPU Long Task duration 65 ms
1.2 sFirst Contentful Paint 1.119 sLCP <DIV> 1.119 sFirst Visual Change 1.133 sVisual Complete 85% 1.133 sVisual Complete 95% 1.133 sLargest Image 1.133 sLayout Shift 0.00040 1.161 sLayout Shift 0.00078 1.177 sPage Load Time 1.191 sHeading 1.200 s
1.3 sLast Visual Change 1.233 sVisual Complete 99% 1.233 sFully Loaded 1.242 s
| Performance advice | Best practice advice | Privacy advice | Page info | Technologies | 

Coach

The coach helps you find performance problems on your web page using web performance best practice rules. And gives you advice on privacy and best practices. Tested using Coach-core version 8.1.1.

I am the coach

Coach score

Performance advice (97)

TitleAdviceScore
Avoid CPU Long Tasks (longTasks)The page has 2 CPU long tasks with the total of 164 ms. The total blocking time is 0 ms and 2 long tasks before first contentful paint with total time of 164 ms. However the CPU Long Task is depending on the computer/phones actual CPU speed, so you should measure this on the same type of the device that your user is using. Use Geckoprofiler for Firefox or Chromes tracelog to debug your long tasks.60
Description: Long CPU tasks locks the thread. To the user this is commonly visible as a "locked up" page where the browser is unable to respond to user input; this is a major source of bad user experience on the web today. However the CPU Long Task is depending on the computer/phones actual CPU speed, so you should measure this on the same type of the device that your user is using. To debug you should use the Chrome timeline log and drag/drop it into devtools or use Firefox Geckoprofiler.
Offenders:
  • unknown
  • unknown
  • Avoid too many fonts (fewFonts)The page has 7 font requests. Do you really need them? What value does the fonts give the user?30
    Description: How many fonts do you need on a page for the user to get the message? Fonts can slow down the rendering of content, try to avoid loading too many of them because worst case it can make the text invisible until they are loaded (FOIT—flash of invisible text), best case they will flicker the text content when they arrive.
    Offenders:
  • https://www.proantic.com/webfonts/lato-v24-latin-regular.woff2
  • https://www.proantic.com/webfonts/cinzel-v23-latin-regular.woff2
  • https://www.proantic.com/webfonts/open-sans-v40-latin-300.woff2
  • https://www.proantic.com/webfonts/open-sans-v40-latin-regular.woff2
  • https://www.proantic.com/webfonts/open-sans-v40-latin-700.woff2
  • https://www.proantic.com/webfonts/fa-thin-100.woff2
  • https://www.proantic.com/webfonts/lato-v24-latin-300.woff2
  • Make each CSS response small (optimalCssSize)https://www.proantic.com/css/A.fontawesome.min.css,,qtimestampcssproantic202602261142+regular.min.css,,qtimestampcssproantic202602261142,Mcc.wyifselPA4.css.pagespeed.cf.3EmdiLN2Bl.css size is 35.8 kB (35813) and that is bigger than the limit of 14.5 kB. https://www.proantic.com/css/A.main.css,qtimestampcssproantic2026022611421111222111111111111.pagespeed.cf.2QfeH0fI3J.css size is 15.4 kB (15393) and that is bigger than the limit of 14.5 kB. Try to make the CSS files fit into 14.5 KB.80
    Description: Make CSS responses small to fit into the magic number TCP window size of 14.5 KB. The browser can then download the CSS faster and that will make the page start rendering earlier.
    Offenders:
    URLTransfer sizeContent size
    https://www.proantic.com/css/A.fontawesome.min.css,,qtimestampcssproantic2026022...cf.3EmdiLN2Bl.css 35.0 KB134.5 KB
    https://www.proantic.com/css/A.main.css,qtimestampcssproantic2026022611421111222...cf.2QfeH0fI3J.css 15.0 KB84.3 KB

    Best practice advice (89)

    TitleAdviceScore
    Meta description (metaDescription)The meta description is too long. It has 208 characters, the recommended max is 15550
    Description: Use a page description to make the page more relevant to search engines.
    Page title (pageTitle)The title is too long by 10 characters. The recommended max is 6050
    Description: Use a title to make the page more relevant to search engines.
    Do not send too long headers (longHeaders)https://www.proantic.com/ has a header content-security-policy that is 2120 characters long. 99
    Description: Do not send response headers that are too long.
    Offenders:
  • https://www.proantic.com/
  • Avoid unnecessary headers (unnecessaryHeaders)There are 32 responses that sets both a max-age and expires header. There are 33 responses that sets a server header. 35
    Description: Do not send headers that you don't need. We look for p3p, cache-control and max-age, pragma, server and x-frame-options headers. Have a look at Andrew Betts - Headers for Hackers talk as a guide https://www.youtube.com/watch?v=k92ZbrY815c or read https://www.fastly.com/blog/headers-we-dont-want.
    Offenders:
  • https://www.proantic.com/
  • https://www.proantic.com/css/A.googlefonts.css,,qtimestampcssproantic20260226114...cf.rEwHvHvTPS.css
  • https://www.proantic.com/css/A.googlefonts.css,,qtimestampcssproantic20260226114...cf.rEwHvHvTPS.css
  • https://www.proantic.com/css/A.sweetalert2-v1-2.css,qtimestampcssproantic2026022...cf.cNqGP1Hykr.css
  • https://www.proantic.com/css/A.sweetalert2-v1-2.css,qtimestampcssproantic2026022...cf.cNqGP1Hykr.css
  • https://www.proantic.com/css/A.carrousel-09.css,qtimestampcssproantic20260226114...cf.dnBqBpe3V7.css
  • https://www.proantic.com/css/A.carrousel-09.css,qtimestampcssproantic20260226114...cf.dnBqBpe3V7.css
  • https://www.proantic.com/css/A.fontawesome.min.css,,qtimestampcssproantic2026022...cf.3EmdiLN2Bl.css
  • https://www.proantic.com/css/A.fontawesome.min.css,,qtimestampcssproantic2026022...cf.3EmdiLN2Bl.css
  • https://www.proantic.com/css/A.thin.min.css,,qtimestampcssproantic202602261142+s...cf.n_K6ZlZCwr.css
  • https://www.proantic.com/css/A.thin.min.css,,qtimestampcssproantic202602261142+s...cf.n_K6ZlZCwr.css
  • https://www.proantic.com/css/A.light.min.css,,qtimestampcssproantic202602261142+...cf.jkAuv2ZTBd.css
  • https://www.proantic.com/css/A.light.min.css,,qtimestampcssproantic202602261142+...cf.jkAuv2ZTBd.css
  • https://www.proantic.com/css/A.sharp-duotone-thin.min.css,,qtimestampcssproantic...cf.HyjkBCeIdY.css
  • https://www.proantic.com/css/A.sharp-duotone-thin.min.css,,qtimestampcssproantic...cf.HyjkBCeIdY.css
  • https://www.proantic.com/css/A.proantic.webflow.024.css,qtimestampcssproantic202...cf.6WZHjCK3Jc.css
  • https://www.proantic.com/css/A.proantic.webflow.024.css,qtimestampcssproantic202...cf.6WZHjCK3Jc.css
  • https://www.proantic.com/css/A.main.css,qtimestampcssproantic2026022611421111222...cf.2QfeH0fI3J.css
  • https://www.proantic.com/css/A.main.css,qtimestampcssproantic2026022611421111222...cf.2QfeH0fI3J.css
  • https://www.proantic.com/ico/logo_proantic_2024.png
  • https://www.proantic.com/ico/logo_proantic_2024.png
  • https://www.proantic.com/ico/englishflag.png
  • https://www.proantic.com/ico/englishflag.png
  • https://www.proantic.com/ico/33flag20px.jpg
  • https://www.proantic.com/ico/33flag20px.jpg
  • https://www.proantic.com/ico/44flag20px.png
  • https://www.proantic.com/ico/44flag20px.png
  • https://www.proantic.com/ico/39flag20px.jpg
  • https://www.proantic.com/ico/39flag20px.jpg
  • https://www.proantic.com/img/home-section-catchphrase-1c.webp
  • https://www.proantic.com/img/home-section-catchphrase-1c.webp
  • https://www.proantic.com/img/home-section-catchphrase-2c.webp
  • https://www.proantic.com/img/home-section-catchphrase-2c.webp
  • https://www.proantic.com/galerie/antichita-castelbarco/img/small/1735544-main-69ce37b064a15.jpg
  • https://www.proantic.com/galerie/antichita-castelbarco/img/small/1735544-main-69ce37b064a15.jpg
  • https://www.proantic.com/galerie/violondingres/img/small/1717137-main-69a5af7d2dcfd.jpg
  • https://www.proantic.com/galerie/violondingres/img/small/1717137-main-69a5af7d2dcfd.jpg
  • https://www.proantic.com/galerie/laurybailly/img/small/1679668-main-6950f6fc75dae.jpg
  • https://www.proantic.com/galerie/laurybailly/img/small/1679668-main-6950f6fc75dae.jpg
  • https://www.proantic.com/galerie/violondingres/img/small/1713500-main-69ac0b8e863be.jpg
  • https://www.proantic.com/galerie/violondingres/img/small/1713500-main-69ac0b8e863be.jpg
  • https://www.proantic.com/galerie/galerie-malibran/img/small/1683141-main-695ccdd74387d.jpg
  • https://www.proantic.com/galerie/galerie-malibran/img/small/1683141-main-695ccdd74387d.jpg
  • https://www.proantic.com/galerie/philippecote/img/small/1558954-main-683d65125ff50.jpg
  • https://www.proantic.com/galerie/philippecote/img/small/1558954-main-683d65125ff50.jpg
  • https://www.proantic.com/galerie/galerie-napoleon-3/img/small/1733627-main-69c97644bd5e4.jpg
  • https://www.proantic.com/galerie/galerie-napoleon-3/img/small/1733627-main-69c97644bd5e4.jpg
  • https://www.proantic.com/galerie/galeriefc/img/small/1473071-main-678901cb9de3c.jpg
  • https://www.proantic.com/galerie/galeriefc/img/small/1473071-main-678901cb9de3c.jpg
  • https://www.proantic.com/webfonts/lato-v24-latin-regular.woff2
  • https://www.proantic.com/webfonts/lato-v24-latin-regular.woff2
  • https://www.proantic.com/webfonts/cinzel-v23-latin-regular.woff2
  • https://www.proantic.com/webfonts/cinzel-v23-latin-regular.woff2
  • https://www.proantic.com/webfonts/open-sans-v40-latin-300.woff2
  • https://www.proantic.com/webfonts/open-sans-v40-latin-300.woff2
  • https://www.proantic.com/webfonts/open-sans-v40-latin-regular.woff2
  • https://www.proantic.com/webfonts/open-sans-v40-latin-regular.woff2
  • https://www.proantic.com/webfonts/open-sans-v40-latin-700.woff2
  • https://www.proantic.com/webfonts/open-sans-v40-latin-700.woff2
  • https://www.proantic.com/webfonts/fa-thin-100.woff2
  • https://www.proantic.com/webfonts/fa-thin-100.woff2
  • https://www.proantic.com/webfonts/lato-v24-latin-300.woff2
  • https://www.proantic.com/webfonts/lato-v24-latin-300.woff2
  • https://www.proantic.com/ico/proantic_ico_32_1.png
  • https://www.proantic.com/ico/proantic_ico_32_1.png
  • Privacy advice (94)

    TitleAdviceScore
    Set a referrer-policy header to make sure you do not leak user information. (referrerPolicyHeader)Set a referrer-policy header to make sure you do not leak user information.0
    Description: Referrer Policy is a new header that allows a site to control how much information the browser includes with navigations away from a document and should be set by all sites. https://scotthelme.co.uk/a-new-security-header-referrer-policy/.
    Offenders:
  • https://www.proantic.com/
  • Page info

    Page info
    TitleProantic: Achetez des antiquités et objets d’art présentés par des ant
    Width1358
    Height5131
    DOM elements511
    Avg DOM depth7
    Max DOM depth12
    Iframes0
    Script tags0
    Local storage0 b
    Session storage0 b
    Network Information API4g
    Resource Hints
    dns-prefetch
    https://cdn-images.mailchimp.com/
    preconnect
    https://cdn-images.mailchimp.com/

    Technologies used to build the page.

    Data collected using Wappalyzer version 6.10.66. With updated code from Webappanalyzer 2024-12-27. Use --browsertime.firefox.includeResponseBodies htmlor --browsertime.chrome.includeResponseBodies htmlto help Wappalyzer find more information about technologies used.

    TechnologyConfidenceCategory
    PayPal 100  Payment processors
    Nginx 100  Web servers Reverse proxies
    HSTS 100  Security
    Google PageSpeed 1.13.35.2100  Caching Web server extensions Performance
    | Browser metrics | Visual Metrics | Largest Contentful Paint | Cumulative Layout Shift | Interaction To Next Paint | Long Aninimation Frames | Visual Elements | Metrics from CDP | 

    Visual Metrics

    Browser Metrics

    Google Web Vitals
    Time to first byte (TTFB)849 ms
    First Contentful Paint (FCP)1.119 s
    Largest Contentful Paint (LCP)1.119 s
    Cumulative Layout Shift (CLS)0.00
    Interaction to next paint (INP)112 ms
    Total Blocking Time (TBT)0 ms
    First Contentful Paint info
    Elements that needed recalculate style before FCP970
    Time spent in recalculate style before FCP42.276 ms
    Extra timings
    TTFB849 ms
    First Paint1.119 s
    Load Event End1.191 s
    Fully loaded1.242 s

    Largest Contentful Paint

    When in time the page main content is rendered (collected using the Largest Contentful Paint API). Read more about Largest Contentful Paint.

    Element typeDIV
    Element/tag<div class="home-section-catchphrase-image-1 navbar-big-screen" style="background-image:url(https://www.proantic.com/img/home-section-catchphrase-1c.webp)"></div>
    Render time 1.119 s
    Element render delay174 ms
    TTFB849 ms
    Resource delay53 ms
    Resource load duration43 ms
    Elements that needed recalculate style before LCP970
    Time spent in recalculate style before LCP42.276 ms
    Load time1.007 s
    URL https://www.proantic...tchphrase-1c.webp
    Size (width*height)173460
    DOM path
    main > section:eq(0) > div:eq(3)> main > section:eq(0) > div:eq(3)>
    LCP

    The largest contentful paint is highlighted in the image. If no element is highlighted the element was removed before the screenshot or the LCP API couldn't find the element.

    The Largest Contentful Paint API highlighted this image as a part of the LCP.

    LCP

    Detected Cumulative Layout Shift

    0.00118 cumulative layout shift collected from the Cumulative Layout Shift API.

    These HTML elements contribute most to the Cumulative Layout Shifts of the page. The higher score, the more layout shift.

    ScoreHTML Element
    0.00078<div class="w-dropdown-nav nav-menu-hover nav-menu-hover-meta"></div>,<div class="nav-nouveau-curr-flag navbar-big-screen"></div>,<div class="w-dropdown-nav nav-menu-hover nav-menu-hover-meta" data-menu="antiquaire"></div>,<div class="w-dropdown-nav nav-menu-hover nav-menu-hover-meta"></div>,<div class="w-dropdown-nav magazine nav-menu-hover nav-menu-hover-meta"></div>
    body > nav#totop > div > div > nav > div:eq(6),body > nav#totop > div > div > div:eq(0) > div:eq(3),body > nav#totop > div > div > nav > div:eq(7),body > nav#totop > div > div > nav > div:eq(3),body > nav#totop > div > div > nav > div:eq(8)
    0.00040,<i class="fa-thin fa-greater-than"></i>,<i class="fa-thin fa-greater-than"></i>
    body > main > section:eq(0) > h1 > #text:eq(2),body > main > section:eq(0) > div:eq(2) > a:eq(0) > span > i,body > main > section:eq(0) > div:eq(2) > a:eq(1) > span > i
    Layout shift

    The elements that have shifted place is highlighted in the image (that have a higher value than 0.01). If the element shifted outside of the viewport, you will not see it there. It can be hard to understand what content that has shifted, if that's the case, checkout the video or the filmstrip of the run.

    Interaction to Next Paint

    Interaction to Next Paint (INP) is a metric that try to measure responsiveness. It's useful if you are testing user journeys. Read more about Interaction to Next Paint.

    The measured latency was 112 ms.

    Event typepointerover
    Element typeDIV
    Element class namehome-section-catchphrase-image-1 navbar-big-screen
    Event targetdiv.home-section-catchphrase-image-1.navbar-big-screen
    Load state when the event happeneddom-content-loaded

    Long Animation Frames

    Read more about the Long Animation Frames API here here.

    The top 10 longest animation frames entries

    Blocking duration Work durationRender durationPreLayout DurationStyle And Layout Duration
    113 ms154.4 ms63.6 ms59.5 ms4.1 ms
    No availible script information.

    Server timings

    There are no Server Timings.

    Custom metrics collected through JavaScript

    There are no custom configured scripts.

    Extra metrics collected using scripting

    There are no custom extra metrics from scripting.

    CDP Performance

    namevalue
    AudioHandlers0
    AudioWorkletProcessors0
    Documents4
    Frames1
    JSEventListeners4
    LayoutObjects1654
    MediaKeySessions0
    MediaKeys0
    Nodes1753
    Resources126
    ContextLifecycleStateObservers10
    V8PerContextDatas3
    WorkerGlobalScopes0
    UACSSResources0
    RTCPeerConnections0
    ResourceFetchers4
    AdSubframes0
    DetachedScriptStates2
    ArrayBufferContents0
    LayoutCount10
    RecalcStyleCount8
    LayoutDuration116
    RecalcStyleDuration47
    DevToolsCommandDuration38
    ScriptDuration1
    V8CompileDuration0
    TaskDuration327
    TaskOtherDuration124
    ThreadTime0
    ProcessTime0
    JSHeapUsedSize1734224
    JSHeapTotalSize3035136
    FirstMeaningfulPaint1119

    Visual Elements

    NameDisplay TimeX YWidthHeight
    LargestImage (logo_proantic_2024.png)1.133 s 10 15 70 70
    <img alt="logo-proantic" src="https://www.proantic.com/ico/logo_proantic_2024.png">
    Heading1.200 s 37 202 500 96
    <h1 class="h5-style navbar-big-screen"></h1>
    LargestContentfulPaint1.133 s 535 192 420 420
    <div class="home-section-catchphrase-image-1 navbar-big-screen" style="background-image:url(https://www.proantic.com/img/home-section-catchphrase-1c.webp)"></div>
    | Summary  | Largest responses  | Requests and sizes per content type  | Data per domain | Expires and last modified statistics  | Requests loaded after onLoad event  | Render blocking requests  | 

    PageXray

    How the page is built.

    Summary
    HTTP versionHTTP/2.0
    Total requests33
    Total domains1
    Total transfer size783.0 KB
    Total content size1.0 MB
    Responses missing compression7
    Number of cookies0
    Third party cookies0
    Requests per response code
    20033

    Largest assets on the page (by transfer size)

    Requests and sizes per content type

    ContentHeader SizeTransfer SizeContent SizeRequests
    html0 b11.3 KB61.5 KB1
    css0 b69.4 KB304.9 KB9
    image0 b208.4 KB203.2 KB16
    font0 b493.9 KB491.2 KB7
    Total0 b783.0 KB1.0 MB33

    Data per domain

    DomainTotal download timeTransfer SizeContent SizeRequests
    www.proantic.com3.239 s783.0 KB1.0 MB33

    Expires and last modified statistics

    typeminmedianmax
    Expires0 seconds4 weeks1 year
    Last modified4 days6 weeks16 years

    Requests loaded after onLoad event

    Included requests done after load event end.

    ContentTransfer SizeRequests
    html0 b0
    css0 b0
    javascript0 b0
    image3.3 KB1
    font0 b0
    Total3.3 KB1

    Requests loaded after onContentLoad

    Includes requests done after DOM content loaded.

    ContentTransfer SizeRequests
    html0 b0
    css0 b0
    javascript0 b0
    image189.8 KB11
    font493.9 KB7
    Total683.7 KB18

    Render blocking requests

    Render blocking information directly from Chrome.

    BlockingIn body parser blockingPotentially blocking
    900

    Render information

    CPU Long Tasks | CPU Time Spent | CPU Time Per Tool/Domain | 

    CPU

    Download the Chrome trace log and drag and drop it into Developer Tools / Performance in Chrome.

    Long Tasks

    Collected using the Long Task API. A long task is a task that take 50 milliseconds or more.

    TypeQuantityTotal duration (ms)
    Total Blocking Time 0
    Max Potential First Input Delay 0
    Long Tasks before First Paint2164
    Long Tasks before First Contentful Paint2164
    Long Tasks before Largest Contentful Paint2164
    Long Tasks after Load Event End00
    Total Long Tasks2164

    CPU last long task happened at 1.008 s

    Individual Long Tasks

    namestartTimedurationcontainerIdcontainerNamecontainerSrccontainerType
    unknown88799window
    unknown100865window

    CPU time spent

    Calculated using Tracium.

    Categories (ms)
    parseHTML39
    styleLayout162
    paintCompositeRender10
    scriptParseCompile0
    scriptEvaluation7
    garbageCollection0
    other96
    Events (ms)
    Layout115
    RunTask80
    UpdateLayoutTree46
    ParseHTML20
    HTMLDocumentParser::MaybeFetchQueuedPreloads13
    | First vs third | 

    Third party

    Third party requests categorised by Third party web version 0.26.2.

    First party requests and sizes per content type

    Calculated using .*proantic.* (use --firstParty to configure).

    ContentHeader SizeTransfer SizeContent SizeRequests
    html0 b11.3 KB61.5 KB1
    css0 b69.4 KB304.9 KB9
    javascript0 b0 b0 b0
    image0 b208.4 KB203.2 KB16
    font0 b493.9 KB491.2 KB7
    TotalN/A783.0 KB1.0 MB33

    Third party requests and sizes per content type

    ContentHeader SizeTransfer SizeContent SizeRequests
    html0 b0 b0 b0
    css0 b0 b0 b0
    javascript0 b0 b0 b0
    image0 b0 b0 b0
    font0 b0 b0 b0
    TotalN/AN/AN/A
    afterPageCompleteCheck.png | layoutShift.png | largestContentfulPaint.png | 

    Screenshots

    afterPageCompleteCheck.png

    afterPageCompleteCheck.png

    layoutShift.png

    layoutShift.png

    largestContentfulPaint.png

    largestContentfulPaint.png

    Axe

    Axe is an accessibility testing engine for websites and other HTML-based user interfaces. Tested using axe-core version 4.10.2. Read more about axe-core .

    Violations

    serious
    Elements must meet minimum color contrast ratio thresholds (cat.color,wcag2aa,wcag143,TTv5,TT13.c,EN-301-549,EN-9.1.4.3,ACT) - color-contrastEnsure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds
    Fix any of the following: Element has insufficient color contrast of 2.68 (foreground color: #bc9956, background color: #ffffff, font size: 24.0pt (32px), font weight: normal). Expected contrast ratio of 3:1
    • <span>PROANTIC</span>
    • <a class="nav-menu-hover-a" href="https://www.proantic.com/antiquites-nouveautes">nouveautés</a>
    • <div class="navlink loginlink"> Se connecter </div>
    • <a href="https://www.proantic.com/antiquites-nouveautes.php" class="button_gold">Voir toutes les nouveautés</a>
    moderate
    Landmarks should have a unique role or role/label/title (i.e. accessible name) combination (cat.semantics,best-practice) - landmark-uniqueEnsure landmarks are unique
    Fix any of the following: The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable
    • <nav id="totop" class="navbar">