google-marketing-solutions / prefetchalyzer Goto Github PK

View Code? Open in Web Editor NEW

11.0 5.0 7.0 3.57 MB

Identify impactful pre-fetch and pre-cache opportunities across web pages in user flow by analyzing HAR logs

Home Page: https://gtech-professional-services.github.io/prefetchalyzer/

License: Apache License 2.0

JavaScript 1.83% HTML 0.77% Vue 52.06% TypeScript 43.89% SCSS 1.44%

har prefetch precache javascript performance web webperf

prefetchalyzer's Introduction

Prefetchalyzer

A tool that helps you identify the impact of applying prefetch strategies on your web app resources by analyzing pages across a simulated user's journey on the site

Features

Generates an impact report highlighting:
- The assets that can be prefetched and on which page to get the best savings
- Savings in kB for each page navigation when applying prefetch
- Issues with Cache-Control on frequently used critical assets
Exporting results
- Generates HTML code prefetch statements based on selected resources
- Generates code for WebPageTest scripts to test prefetch impact

Getting started

The easiest way to start using Prefetchalyzer is by using the hosted version available here.

Project setup

The project was generated with vue-cli.

npm install --legacy-peer-deps

For VSCode, Vetur extension is used to format the .vue files. Following settings are made in settings.json:

{
    "git.ignoreLimitWarning": true,
    "vetur.format.defaultFormatterOptions": {
        "prettier": {
            "stylelintIntegration": true,
            "eslintIntegration": true,
            "semi": false,
            "singleQuote": true,
            "tabWidth": 2,
            "tabs": false,
            "trailingComma": "none",
            "printWidth": 160
        }
    }
}

Compiles and hot-reloads for development

npm start

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.

TODO Workflow Deployment

      - name: "Deploy \U0001F680"
        uses: JamesIves/[email protected]
        with:
          GITHUB_TOKEN: '${{ secrets.GITHUB_TOKEN }}'
          BRANCH: gh-pages
          FOLDER: dist
          CLEAN: true

Authors

Disclaimer

This is not an officially supported Google product.

prefetchalyzer's People

Contributors

Stargazers

Watchers

Forkers

aymanfarhat pianomister isabella232 nenuadrian dondv

prefetchalyzer's Issues

The hosted versions does not work

Got a 404 when trying to see the hosted version at: https://gtech-professional-services.github.io/prefetchalyzer/

Security Policy violation Outside Collaborators

This issue was automatically created by Allstar.

Security Policy Violation
Found 1 outside collaborators with admin access.
This policy requires users with this access to be members of the organisation. That way you can easily audit who has access to your repo, and if an account is compromised it can quickly be denied access to organization resources. To fix this you should either remove the user from repository-based access, or add them to the organization.

Remove the user from the repository-based access. From the main page of the repository, go to Settings -> Manage Access.
(For more information, see https://docs.github.com/en/account-and-profile/setting-up-and-managing-your-github-user-account/managing-access-to-your-personal-repositories/removing-a-collaborator-from-a-personal-repository)

Invite the user to join your organisation. Click your profile photo and choose “Your Organization” → choose the org name → “People” → “Invite Member.” (For more information, see https://docs.github.com/en/organizations/managing-membership-in-your-organization/inviting-users-to-join-your-organization)

If you don't see the Settings tab you probably don't have administrative access. Reach out to the administrators of the organisation to fix this issue.

Exempt the user by adding an exemption to your organization-level Outside Collaborators configuration file.

This issue will auto resolve when the policy is in compliance.

Issue created by Allstar. See https://github.com/ossf/allstar/ for more information. For questions specific to the repository, please contact the owner or maintainer.

Security Policy violation Branch Protection