Stack Overflow
Stack Overflow

Questions tagged [front-end-optimization]

Front-end optimization (FEO) is the process of optimizing the delivery of website resources from the client side.

30 questions
0
votes
1 answer

Deferred script is still render blocking according to webpagetest

I am using webpack to build the assets in production. The split chunking feature allows us to break big scripts into chunks. However the problem is that even though the scripts are deferred, webpagetest still shows they are render blocking: The…
Rabin Poudyal
  • 717
  • 6
  • 20
0
votes
1 answer

Angular: get updated records after comment added

I have a post section in which user can add comments and reply. I have applied pagination logic to post section. When page loads initial 5 records of first page, I am displaying. Then I have reload button, on its click next 5 records of second page…
ganesh
  • 416
  • 1
  • 11
  • 32
0
votes
1 answer

What is the best way to create user and admin dashbaord switch for Nextjs app?

Need to know a proper way to set up different flows after login(or maybe even some different aproach), just no idea what is the most used by proper devs way, so far I have just created a login form and if user validates token and is admin I set up…
frank sinatra
  • 3
  • 2
0
votes
2 answers

JS Frontend - Find the count of duplicates and append value in JavaScript Array List for multiple occurrences (C#)

I have an array list which has multiple properties in each array. Please refer to the example below: FinalArray=[ {ColumnName:'Name',ID:6,TranslatedText:'Name',Category:'Assigned…
Neptune_Code
  • 17
  • 4
0
votes
0 answers

Why does error like net::ERR_ABORTED 404 occur on an Shopify product details page

The error jerdon-8x1x-reversible-plug-in-make-up-mirror-3-finishes:60 GET https://cdn.shopify.com/s/files/1/0048/2675/9279/t/8/assets/mm-init.js?882142460823279530&shop=www-reflectperfection-com.myshopify.com net::ERR_ABORTED 404 is found in the…
CodeForGood
  • 767
  • 7
  • 30
0
votes
1 answer

How to put Connection string details in Typescript page without having any security risk?

I have a typescript application from which I need to connect to Azure blob storage. I have placed the blob connection string details in Azure key vault service. But to call the key vault URL to access those keys and secrets, I need to include Client…
Pardha
  • 103
  • 2
  • 7
0
votes
1 answer

Q: How to speed up converting designs to html pages process (manual)?

As a front-end designer converting designs (PSD, Sketch, AdobeXD, ..etc) to dynamic HTML pages manual. I'm using bootstrap framework with jQuery library. When I started this job it took long time to convert the designs to html, after that the time…
user3003810
  • 941
  • 3
  • 18
  • 45
0
votes
0 answers

Efficiently position images in CSS sprites

I am trying to create a Carousel, where i will show some tweets along with the user's profile picture. I have a created a sprite with all user's profile picture, to reduce number of network requests. I can position the images of the sprite with…
Shirshendu Bhowmick
  • 433
  • 4
  • 13
0
votes
1 answer

website load time differs for more than 2 second on various try

I am working on to figure out the performance bottleneck of a website. I am using the chrome empty cache and hard reload option and hitting it using the incognito mode(with no extension enabled). For determining the page load time, using the…
Amit
  • 30,756
  • 6
  • 57
  • 88
0
votes
0 answers

Google Cloud Storage with Page Speed Insights

I am really finding hard to get the PageSpeed insights value for my home page above 80 for 100. I am using Google cloud storage and set the metadata of Cache-Control (eg: gsutil -h "Cache-Control:public,max-age=3600" cp -a public-read -r html…
Rinsen S
  • 461
  • 3
  • 10
  • 26
0
votes
2 answers

Best optimized way of dynamic filling of html

What is the best way to render html with ajax? way1: initially have less html and put more dynamic html via ajax. way2: initially have more html and put less dynamic html via ajax. for e.g my html
YoYo Honey Singh
  • 464
  • 1
  • 4
  • 21
0
votes
1 answer

Integrating React.js non JS Server API

I will soon be starting a new project which involves upgrading my existing application frontend to use React.js. The current frontend makes standard REST calls to a server built using Microsoft technologies, which is not planning on changing any…
Ricky Davis
  • 369
  • 1
  • 11
0
votes
0 answers

When building a webapp, is it possible to overuse or abuse `window.requestAnimationFrame()`?

When I'm building web apps, I like to put a distinction between "important" code, and "superfluous". "Important" code being code that is required to run the app's features and is usually tied to a user interaction. "Superfluous" code is code that…
elliottregan
  • 1,301
  • 1
  • 13
  • 33
0
votes
1 answer

Webpack, how to take out module into his own build layer?

With default build settings I get following build layers: (X+A), (Y+A+B), (Z+B). I want: (X+A), (Y+A), Z, B B should load only once when we asking Y and Z modules. I found CommonsChunkPlugin, but I cant configure it properly. var webpack =…
Daydreaming Duck
  • 2,110
  • 3
  • 18
  • 25
-1
votes
1 answer

Why do HTML5 Web Workers have a high startup latency?

According to an article by a Mozilla engineer Web Workers take about ~40ms to startup (latency). How fast are Web Workers? https://hacks.mozilla.org/2015/07/how-fast-are-web-workers/ Web workers take about 40 ms to be instantiated. Also, this time…
optimalisatie
  • 341
  • 1
  • 11
1
2