Found the missing link to turn off the pre-fetching, turned out it was a vue plugin causing it outside of pwa etc

https://medium.com/@mrodal/how-to-make-lazy-loading-actually-work-in-vue-cli-3-7f3f88cfb102
2020-10-02 23:01:00 +00:00
parent be24511320
commit 518668c688
5 changed files with 29 additions and 6 deletions
--- a/ayanova/devdocs/todo.txt
+++ b/ayanova/devdocs/todo.txt
@@ -3,9 +3,16 @@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@


-
-BUGBUG: decimal control displays blank even when value comes from server.  It's ok when you manually enter but reverts to blank even though the value is there on open
-	very flakey all around, seems bug riddled, needs thorough testing and fixing
+todo: why do I want precaching at all? Seems like a bad idea all around 
+	it aggressively fetches things like the report designer etc
+	slows down first page load
+	hmm..
+	INFO
+		need service worker to enable install to desktop / phone app screen
+			advantages are access to device info and features (which I don't use now), user ease of use because it's just sitting right on the screen (this is the only reason I support it)
+		lazy loading is probably what I want: https://blog.logrocket.com/lazy-loading-in-vue-js/
+			I do want the feature, I just want it to back off when not required
+			https://vueschool.io/articles/vuejs-tutorials/lazy-loading-and-code-splitting-in-vue-js/

 todo: chrome "Lighthouse" test against devops and implement recommendations
 	particularly favor time to first 
@@ -18,11 +25,18 @@ todo: precache workbox trying to cache api routes:
 	Find a way to turn off
 	https://developers.google.com/web/tools/workbox/modules/workbox-precaching#how_workbox-precaching_works

+
+
 ### SMALL QUICK ITEMS #####
+todo: change logos from png to webp
+	check if webp is supported e2e and on report
+
 todo: known issues has some efficiency settings for themes and good stuff to know, check it: https://github.com/vuetifyjs/vuetify/releases/tag/v2.3.0#user-content-known-issues
 todo: new logos too small on large login, add a 3rd (large) size of logo to login form for xl size display
 todo: is notifynewcount request double sending?  It seems like it appears twice at the same moment in the log
-
+todo: lodash, according to lighthouse it's vulnerable version and needs update
+	can I just remove it and replace the functionality with built in javascript methods now?
+todo: libs outside of package.json, check if they are outdated or need updating or can be replaced / removed
 todo: login button can be obscured by footer, this should not happen try forcing margin below, footer maybe has a setting to confine it?
 	move the login button?
 	make sure enter works with it
--- a/ayanova/public/index.html
+++ b/ayanova/public/index.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html lang="en">
  <head>
-    <meta charset="utf-8" />
+    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
    <link rel="icon" href="<%= BASE_URL %>favicon.ico" />
--- a/ayanova/src/api/ayanova-version.js
+++ b/ayanova/src/api/ayanova-version.js
@@ -1,4 +1,4 @@
 export default {
-  version: "8.0.0-alpha.58",
+  version: "8.0.0-alpha.61",
  copyright: "© 1999-2020, Ground Zero Tech-Works Inc."
 };
--- a/ayanova/vue.config.js
+++ b/ayanova/vue.config.js
@@ -1,5 +1,9 @@
 const MonacoWebpackPlugin = require("monaco-editor-webpack-plugin");
 module.exports = {
+  //https://medium.com/@mrodal/how-to-make-lazy-loading-actually-work-in-vue-cli-3-7f3f88cfb102
+  chainWebpack: config => {
+    config.plugins.delete("prefetch");
+  },
  configureWebpack: {
    plugins: [
      new MonacoWebpackPlugin({
--- a/ayanova/webpack.config.js
+++ b/ayanova/webpack.config.js
@@ -1,6 +1,11 @@
 // webpack.config.js

 module.exports = {
+  optimization: {
+    splitChunks: {
+      chunks: "all"
+    }
+  },
  rules: [
    {
      test: /\.s(c|a)ss$/,