Skip to content
Submitted over 2 years ago

NFT Preview Card Component

Karlygash Yakiyayeva•50
@karlakz
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...NFT preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

When I use a slow internet connection, the page loads the big image first and after a while, the whole page layout appears. I want it to appear altogether simultaneously. How can I solve this issue? Thanks in advance/

Community feedback

  • Sean Red•635
    @seanred360Posted over 2 years ago

    To answer your question: I tried loading the page with a simulated slow 3g connection and the page loaded normally. I would say it is normal for a page to load different parts at different times. If the first paint loads in under 4 seconds, I would say there is no problem with your app. Modern apps use lazy loading. Which means it doesn't load elements that are not visible to the user yet. Tiktok, Facebook, Youtube all load more elements when the user scrolls. This ensures the pages always load quickly and do not waste data on things the user may not even see.

    Marked as helpful
    0

Please log in to post a comment

Log in with GitHub

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord