You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
status: triage neededIssue or pull request that need to be triaged and assigned to a reviewertype: bugAn issue or pull request relating to a bug in Gatsby
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.
It looks like this is due largely to third party scripts:
I tried viewing your repository, but I get a 404 so I am not able to know for sure where exactly these scripts are coming from
status: triage neededIssue or pull request that need to be triaged and assigned to a reviewertype: bugAn 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: