Gatsby performance/page-load issue on Mobile. #38951
Labels
status: triage needed
Issue or pull request that need to be triaged and assigned to a reviewer
type: bug
An issue or pull request relating to a bug in Gatsby
Preliminary Checks
Description
Hello!
I'm currently using Gatsby version 5.11.0 and encountering performance issues on mobile devices. I've created a simple homepage containing only text to evaluate the page loading speed. Surprisingly, I'm observing a significant discrepancy in performance between mobile and desktop. The mobile performance score on vercel is 71, while the desktop score is 94 and The mobile performance score on Netlify is 67, while the desktop score is 85. I'm puzzled by this disparity, especially considering that the homepage has no content, CSS, or external links (such as Google Fonts or chats) attached.
Attached Screenshots below:
VERCEL:
NETLIFY:
Reproduction Link
https://github.com/jkr86/kip
Steps to Reproduce
Vercel: https://kip-git-empty-home-page-jkr86s-projects.vercel.app/
Netlify: https://empty-home-page--kip-web.netlify.app/
Expected Result
The mobile performance should be comparable to that of the desktop.
Actual Result
Described above.
Environment
Config Flags
require('dotenv').config();
import type { GatsbyConfig } from "gatsby";
import path from "path";
const config: GatsbyConfig = {
siteMetadata: {
title:
kip
,siteUrl:
https://kip.com.au/
,},
graphqlTypegen: true,
plugins: [
"gatsby-plugin-netlify",
"gatsby-plugin-postcss",
"gatsby-plugin-sharp",
"gatsby-transformer-sharp",
"gatsby-plugin-typescript",
"gatsby-plugin-image",
"gatsby-plugin-sitemap",
"gatsby-plugin-react-helmet",
{
resolve: "gatsby-plugin-manifest",
options: {
icon: "src/images/favicon.svg",
},
},
{
resolve: "gatsby-plugin-sitemap",
options: {},
},
{
resolve:
gatsby-plugin-sharp
,options: {
defaults: {
formats: [
auto
,webp
],quality: 50
},
},
},
{
resolve: "gatsby-source-filesystem",
options: {
name: "images",
path: path.join(__dirname,
src
,images
),},
__key: "images",
},
gatsby-transformer-json
,{
resolve:
gatsby-source-filesystem
,options: {
path: path.join(__dirname,
src
,data
),},
},
{
resolve:
gatsby-source-contentful
,options: {
spaceId:
9bksknr2wzy2
,// Learn about environment variables: https://gatsby.dev/env-vars
accessToken: process.env.CONTENTFUL_ACCESS_TOKEN,
},
},
],
};
export default config;
The text was updated successfully, but these errors were encountered: