29 May, 2024

Images getting loaded really slow on github pages

           No comments   

I created HTML/CSS/JavaScript landing page, with a lot of photos (around 300). About 290 photos are displayed with lightgalleryjs for a modal carousel and I added loading="lazy" attribute to each image.


When I view the website on browser via local server it's fine and loads fast but when I upload it to GitHub pages it takes about 10 - 15 seconds to load the images, a background video (without loading lazy) at the header also takes a lot of time to load (it wasn't the case with GitHub pages before I imported the photos for lightgalleryjs).


How do I solve the slow loading of images?

Related Posts:

  • SQL LEFT JOIN KeywordSQL LEFT JOIN KeywordThe LEFT JOIN keyword returns all records from the left table (table1), and the matched records from the right table (table2). Th… Read More
  • SQL Joins SQL JOINA JOIN clause is used to combine rows from two or more tables, based on a related column between them.Let's look at a selection from the… Read More
  • SQL INNER JOIN Keyword SQL INNER JOIN KeywordThe INNER JOIN keyword selects records that have matching values in both tables.INNER JOIN SyntaxSELECT column_name(s… Read More
  • SQL RIGHT JOIN Keyword SQL RIGHT JOIN KeywordThe RIGHT JOIN keyword returns all records from the right table (table2), and the matched records from the left table (tab… Read More
  • SQL Aliases SQL AliasesSQL aliases are used to give a table, or a column in a table, a temporary name.Aliases are often used to make column names more reada… Read More

0 comments:

Post a Comment

Thanks

Meta

Popular Posts

  • Laravel - Application Structure
    The application structure in Laravel is basically the structure of folders, sub-folders and files included in a project. Once we create a ...
  • Laravel - Middleware
    Middleware acts as a bridge between a request and a response. It is a type of filtering mechanism. This chapter explains you the middlewar...
  • SQL Tutorial
    SQL Tutorial SQL HOME SQL Intro SQL Syntax SQL Select SQL Select Distinct SQL Where SQL And, Or, Not SQL Order By SQL Insert Into SQL Null V...
  • Laravel - Configuration
    In the previous chapter, we have seen that the basic configuration files of Laravel are included in the  config  directory. In this chapte...
  • Python Tutorial
      Python   is a general-purpose interpreted, interactive, object-oriented, and high-level programming language. It was created by Guido van...

Categories

Social Media Links

Blog Archive